@crossed/ui/lib/module/overlay/Sheet/Content.js

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

import { jsx } from "react/jsx-runtime";
import { composeStyles } from "@crossed/styled";
import { styles } from "./styles";
import ActionSheet from "@crossed/sheet";
import { useSheetContext } from "./context";
import { composeRefs } from "@crossed/core";
import { forwardRef, memo } from "react";
const Content = memo(
  forwardRef(
    ({ containerStyle, indicatorStyle, ...props }, parentRef) => {
      const { actionSheetRef, ref } = useSheetContext();
      return /* @__PURE__ */ jsx(
        ActionSheet,
        {
          gestureEnabled: true,
          ...props,
          ref: composeRefs(parentRef, actionSheetRef, ref),
          containerStyle: composeStyles(styles.box, styles.container, containerStyle).style().style,
          indicatorStyle: composeStyles(styles.indicator, indicatorStyle).style().style
        }
      );
    }
  )
);
export {
  Content
};
//# sourceMappingURL=Content.js.map