@crossed/ui/lib/module/other/VisibilityHidden/VisibilityHidden.web.js

A universal & performant styling library for React Native, Next.js & React

import { jsx } from "react/jsx-runtime";
import { Slot } from "../../Slot";
import { Box } from "../../layout/Box";
import { composeStyles, inlineStyle } from "@crossed/styled";
const VisibilityHidden = ({
  hide,
  ...props
}) => {
  return /* @__PURE__ */ jsx(
    Slot,
    {
      Comp: Box,
      ...props,
      ref: props.ref,
      "aria-hidden": hide,
      style: composeStyles(
        hide && inlineStyle(() => ({
          base: {
            position: "absolute",
            overflow: "hidden",
            clip: "rect(0, 0, 0, 0)",
            whiteSpace: "nowrap",
            wordWrap: "normal"
          }
        })),
        props.style
      )
    }
  );
};
VisibilityHidden.displayName = "VisibilityHidden";
export {
  VisibilityHidden
};
//# sourceMappingURL=VisibilityHidden.web.js.map