mirror of
https://github.com/hex248/ob248.com.git
synced 2026-02-08 02:33:02 +00:00
25 lines
810 B
JavaScript
25 lines
810 B
JavaScript
// src/accessible-icon.tsx
|
|
import * as React from "react";
|
|
import * as VisuallyHiddenPrimitive from "@radix-ui/react-visually-hidden";
|
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
var NAME = "AccessibleIcon";
|
|
var AccessibleIcon = ({ children, label }) => {
|
|
const child = React.Children.only(children);
|
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
React.cloneElement(child, {
|
|
// accessibility
|
|
"aria-hidden": "true",
|
|
focusable: "false"
|
|
// See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable
|
|
}),
|
|
/* @__PURE__ */ jsx(VisuallyHiddenPrimitive.Root, { children: label })
|
|
] });
|
|
};
|
|
AccessibleIcon.displayName = NAME;
|
|
var Root2 = AccessibleIcon;
|
|
export {
|
|
AccessibleIcon,
|
|
Root2 as Root
|
|
};
|
|
//# sourceMappingURL=index.mjs.map
|