@nexusui/components/core/common/BottomSheet/BottomSheet.js

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.

"use client";
import{jsxs as t,jsx as o}from"react/jsx-runtime";import e from"@mui/material/Box";import r from"@mui/material/Drawer";const a="NexusBottomSheet",n=({open:n,contentStyle:d,style:i,action:m,bodyStyle:s,onClose:l,children:c,...p})=>t(r,{"data-testid":`${a}-root`,className:`${a}-root`,slotProps:{backdrop:{"data-testid":`${a}-backdrop`}},onClose:t=>{t.preventDefault(),l()},anchor:"bottom",open:n,sx:{zIndex:t=>t.zIndex.modal+1},...p,children:[o(e,{"data-testid":`${a}-content`,sx:d,children:c}),m]});export{n as BottomSheet};