export interface SheetProps { /** * Controls whether the sheet is fully open or closed. * When true, the sheet expands to its full height/width and becomes interactive. * When false, the sheet either closes completely (if isVisible is false) or shows as a peekable element. */ open: boolean; /** * Callback invoked when the sheet requests to be closed. * This occurs when: * - User clicks the close button * - User clicks the overlay behind the sheet (when open) * - Programmatic close is triggered */ onClose: () => void; /** * Determines which edge of the screen the sheet attaches to. * * - 'bottom': Sheet slides up from bottom (default) * - 'top': Sheet slides down from top * * Affects both opening animation and final positioning. */ side?: 'bottom' | 'top'; /** * Optional title displayed in the sheet header. * Accepts string values that will be rendered as an H6 heading. * When combined with isVisible, may include expand/collapse indicators. */ title?: string; /** * Optional actions displayed in the header, aligned to the end. * Typically used for action buttons, menus, or other interactive elements. * Renders to the left of the close button in the header area. */ actions?: React.ReactNode; /** * Main content of the sheet. * Rendered between the header and footer areas. * Should contain the primary interactive elements of the sheet. */ children: React.ReactNode; /** * Optional footer content. * Rendered at the bottom of the sheet, useful for: * - Submit buttons * - Secondary actions * - Supplemental information * - Status indicators */ footer?: React.ReactNode; /** * Visual indicator for active/destructive actions in the header. * When true: * - Header background becomes prominent * - Text changes to white for better contrast * - Close button becomes more visible * * Useful for marking sheets with destructive or important actions. */ hasActiveActions?: boolean; /** * Controls the "peek" state of the sheet. * When true and open=false: * - Shows a minimized version of the sheet (header only by default) * - Allows drag-to-open interaction * - Displays expand/collapse affordances * * When false, the sheet either shows fully (open=true) or hides completely. */ isVisible?: boolean; } export declare const Sheet: (props: SheetProps) => JSX.Element | null;