import { ClassValue, StyledComponentProps } from "../../types/shared.js";
import { DialogSlots } from "../dialog/dialog-variants.js";
import { DialogProps as DialogProps$1 } from "../dialog/types.js";
import { SheetSide } from "./sheet-variants.js";
import { DialogContentProps } from "@radix-ui/react-dialog";

//#region src/components/sheet/types.d.ts

/**
 * Props for the sheet content component.
 * The main container that slides in from a specified side of the screen.
 *
 * @example
 * ```tsx
 * <SheetContent side="right">
 *   <SheetHeader>
 *     <SheetTitle>Sheet Title</SheetTitle>
 *   </SheetHeader>
 *   <div>Sheet content goes here</div>
 * </SheetContent>
 * ```
 */
interface SheetContentProps extends StyledComponentProps<DialogContentProps> {
  /**
   * The side of the screen from which the sheet slides in.
   * Can be "top", "right", "bottom", or "left".
   */
  side?: SheetSide;
}
/**
 * Class names for different slots in the sheet component.
 * Allows customizing styles for the overlay, content, and other parts.
 */
type SheetClassNames = Partial<Record<DialogSlots, ClassValue>>;
/**
 * Props for the main Sheet component.
 * A side panel modal that slides in from the edge of the screen.
 *
 * @example
 * ```tsx
 * <Sheet>
 *   <SheetTrigger>Open Sheet</SheetTrigger>
 *   <SheetContent side="left">
 *     <SheetHeader>
 *       <SheetTitle>Navigation</SheetTitle>
 *     </SheetHeader>
 *     <SheetBody>
 *       <nav>Navigation items here</nav>
 *     </SheetBody>
 *   </SheetContent>
 * </Sheet>
 * ```
 */
interface SheetProps extends Omit<DialogProps$1<SheetContentProps>, 'contentComponent'> {}
//#endregion
export { SheetClassNames, SheetContentProps, SheetProps };