@crossed/primitive
Version:
A universal & performant styling library for React Native, Next.js & React
36 lines (35 loc) • 1.33 kB
JavaScript
import { createSheetMain } from "./Sheet";
import { withStaticProperties } from "@crossed/core";
import { createSheetTrigger } from "./SheetTrigger";
import { createSheetContent } from "./SheetContent";
import { createSheetPortal } from "./SheetPortal";
import { createSheetOverlay } from "./SheetOverlay";
import { createSheetHandle } from "./SheetHandle";
import { useContext } from "./context";
const createSheet = (components) => {
const { Root, Trigger, Content, Portal, Overlay, Handle } = components;
const Sheet = createSheetMain(Root);
const SheetTrigger = createSheetTrigger(Trigger);
const SheetContent = createSheetContent(Content);
const SheetOverlay = createSheetOverlay(Overlay);
const SheetPortal = createSheetPortal(Portal);
const SheetHandle = createSheetHandle(Handle);
Sheet.displayName = "Sheet";
SheetTrigger.displayName = "Sheet.Trigger";
SheetContent.displayName = "Sheet.Content";
SheetOverlay.displayName = "Sheet.Overlay";
SheetPortal.displayName = "Sheet.Portal";
SheetHandle.displayName = "Sheet.Handle";
return withStaticProperties(Sheet, {
Trigger: SheetTrigger,
Content: SheetContent,
Portal: SheetPortal,
Overlay: SheetOverlay,
Handle: SheetHandle
});
};
export {
createSheet,
useContext as useSheetContext
};
//# sourceMappingURL=index.js.map