import { c as _c } from "react/compiler-runtime";
import { memo } from "react";
/**
 * Component to display text that is only visible for screen readers
 *
 * Ref: https://webaim.org/techniques/css/invisiblecontent/
 */
export default memo(function SrOnly(t0) {
  const $ = _c(3);
  const {
    children
  } = t0;
  let t1;
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
    t1 = {
      position: "absolute",
      left: "-10000vw",
      top: "auto",
      width: "1px",
      height: "1px",
      overflow: "hidden"
    };
    $[0] = t1;
  } else {
    t1 = $[0];
  }
  let t2;
  if ($[1] !== children) {
    t2 = <span style={t1}>{children}</span>;
    $[1] = children;
    $[2] = t2;
  } else {
    t2 = $[2];
  }
  return t2;
});
//# sourceMappingURL=SrOnly.jsx.map