UNPKG

@nexusui/components

Version:

These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.

polite-stone-0cd5ef903.1.azurestaticapps.net

3 lines (2 loc) • 696 B
1
2
3
"use client"; "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Box"),o=require("@mui/material/Drawer");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),n=r(o);const s="NexusBottomSheet";exports.BottomSheet=({open:t,contentStyle:o,style:r,action:d,bodyStyle:l,onClose:i,children:u,...c})=>e.jsxs(n.default,{"data-testid":`${s}-root`,className:`${s}-root`,slotProps:{backdrop:{"data-testid":`${s}-backdrop`}},onClose:e=>{e.preventDefault(),i()},anchor:"bottom",open:t,sx:{zIndex:e=>e.zIndex.modal+1},...c,children:[e.jsx(a.default,{"data-testid":`${s}-content`,sx:o,children:u}),d]});