export type SideSheetPlacement = 'right' | 'left';
export interface ISideSheetProps {
    /**
     * Controls the visibility of the side sheet.
     * If set to `true`, the side sheet will be visible.
     *
     * @default false
     */
    isOpen: boolean;
    /**
     * Specifies which side of the screen the side sheet will appear from.
     * Possible values: `'top'`, `'right'`, `'bottom'`, `'left'`.
     *
     * @default 'right'
     */
    placement?: SideSheetPlacement;
    /**
     * Determines whether clicking outside the side sheet should close it.
     * If set to `true`, clicking outside the panel will close the side sheet.
     *
     * @default true
     */
    closeOnClickOutside?: boolean;
    /**
     * Function called when the open state changes.
     * Use this to control the visibility of the side sheet from an external component.
     *
     * @param {boolean} isOpen - Indicates whether the side sheet is open.
     */
    onChange: (isOpen: boolean) => void;
    /**
     * The content to be displayed inside the side sheet.
     * You can pass any React components or JSX code here. Typically, this includes
     * `SideSheet.Body` for the main content and `SideSheet.Footer` for actions at the bottom.
     *
     * **Usage example:**
     *
     * ```tsx
     * <SideSheet isOpen={isOpen} onChange={setIsOpen}>
     *   <SideSheet.Header>
     *     <h2>Side Sheet Title</h2>
     *   </SideSheet.Header>
     *   <SideSheet.Body>
     *     <p>This is the main content inside the side sheet.</p>
     *     <p>You can add any content here, including text, images, or forms.</p>
     *   </SideSheet.Body>
     *   <SideSheet.Footer>
     *     <Button onClick={() => setIsOpen(false)}>Cancel</Button>
     *     <ButtonPrimary onClick={handleSave}>Save</ButtonPrimary>
     *   </SideSheet.Footer>
     * </SideSheet>
     * ```
     */
    children: React.ReactNode;
    /**
     * Determines whether the side sheet has an overlay.
     * If set to `true`, an overlay will be displayed behind the side sheet.
     * @default true
     */
    hasOverlay?: boolean;
}
export interface ISideSheetContextType {
    /** Determines whether clicking outside the side sheet should close it. */
    closeOnClickOutside: boolean;
    /** Function called when the open state changes. */
    onChange: (isOpen: boolean) => void;
    /** Controls the visibility of the side sheet. */
    isOpen: boolean;
    /** Specifies which side of the screen the side sheet will appear from. */
    placement: SideSheetPlacement;
}
//# sourceMappingURL=types.d.ts.map