Function VisuallyHidden

web/components/a11y/VisuallyHidden.tsx:13–31

({ children, as: Tag = "span" }: VisuallyHiddenProps)

 * Use for icon-only buttons, supplemental context, etc.
 */
export function VisuallyHidden({ children, as: Tag = "span" }: VisuallyHiddenProps) {
  return (
    <Tag
      style={{
        position: "absolute",
        width: "1px",
        height: "1px",
        padding: 0,
        margin: "-1px",
        overflow: "hidden",
        clip: "rect(0, 0, 0, 0)",
        whiteSpace: "nowrap",
        borderWidth: 0,
      }}
    >
      {children}
    </Tag>
  );
}