"use client";
import * as React from "react";
import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
import {
PortalLayerContainerProvider,
type PortalLayerContainer,
usePortalLayerContainer,
} from "../primitives";
import { cn } from "../../lib/utils";
import { Button } from "../primitives";
import { XIcon } from "@phosphor-icons/react";
function Sheet({ ...props }: SheetPrimitive.Root.Props) {
return ;
}
function SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {
return ;
}
function SheetClose({ ...props }: SheetPrimitive.Close.Props) {
return ;
}
function SheetPortal({
children,
container,
...props
}: SheetPrimitive.Portal.Props): React.JSX.Element {
const resolvedContainer = usePortalLayerContainer(container);
const portalNodeRef = React.useRef(null);
return (
{children}
);
}
function SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {
return (
);
}
function SheetContent({
className,
children,
portalContainer,
side = "right",
showCloseButton = true,
...props
}: SheetPrimitive.Popup.Props & {
portalContainer?: PortalLayerContainer;
side?: "top" | "right" | "bottom" | "left";
showCloseButton?: boolean;
}) {
return (
{children}
{showCloseButton && (
}
>
Close
)}
);
}
function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
return (
);
}
function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
return (
);
}
function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {
return (
);
}
function SheetDescription({ className, ...props }: SheetPrimitive.Description.Props) {
return (
);
}
export {
Sheet,
SheetTrigger,
SheetClose,
SheetContent,
SheetHeader,
SheetFooter,
SheetTitle,
SheetDescription,
};