import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import styled from "styled-components";
const Span = styled.span`
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
`;
const VisuallyHidden = forwardRef(
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
  // @ts-ignore
  (props, ref) => /* @__PURE__ */ jsx(Span, { ref, ...props })
);
export {
  VisuallyHidden
};
