import * as React from 'react';
import { Primitive } from '../../../../../@radix-ui_react-primitive@2.0.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._3zmfwjcm3t5zu55yjfddt34hay/node_modules/@radix-ui/react-primitive/dist/index.js';
import { j as jsxRuntimeExports } from '../../../../../react@18.2.0/node_modules/react/jsx-runtime.js';

// packages/react/visually-hidden/src/VisuallyHidden.tsx
var NAME = "VisuallyHidden";
var VisuallyHidden = React.forwardRef(
  (props, forwardedRef) => {
    return /* @__PURE__ */ jsxRuntimeExports.jsx(
      Primitive.span,
      {
        ...props,
        ref: forwardedRef,
        style: {
          // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
          position: "absolute",
          border: 0,
          width: 1,
          height: 1,
          padding: 0,
          margin: -1,
          overflow: "hidden",
          clip: "rect(0, 0, 0, 0)",
          whiteSpace: "nowrap",
          wordWrap: "normal",
          ...props.style
        }
      }
    );
  }
);
VisuallyHidden.displayName = NAME;

export { VisuallyHidden };
//# sourceMappingURL=index.js.map
