@crossed/ui/lib/module/overlay/Floating/VisibilityHidden.js

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

import { jsx } from "react/jsx-runtime";
import Animated from "react-native-reanimated";
import { forwardRef, memo } from "react";
import {
  composeStyles,
  inlineStyle,
  isWeb
} from "@crossed/styled";
import { visibility } from "../../styles/visibilityHidden";
import { useFloatingContext } from "./context";
const FloatingVisibilityHidden = memo(
  forwardRef(
    ({ style, animatedStyle, ...props }, ref) => {
      const { open } = useFloatingContext();
      return /* @__PURE__ */ jsx(
        Animated.View,
        {
          ...props,
          style: [
            composeStyles(
              inlineStyle(() => ({ base: { zIndex: 1 } })),
              !open && isWeb && visibility.hidden,
              style
            ).style().style,
            animatedStyle
          ],
          ref
        }
      );
    }
  )
);
FloatingVisibilityHidden.displayName = "Floating.VisibilityHidden";
export {
  FloatingVisibilityHidden
};
//# sourceMappingURL=VisibilityHidden.js.map