@papernote/ui/dist/components/Drawer.d.ts

A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive

import React from 'react';
export interface DrawerProps {
    isOpen: boolean;
    onClose: () => void;
    title?: string;
    children: React.ReactNode;
    /** Placement of drawer */
    placement?: 'left' | 'right' | 'top' | 'bottom';
    /** Size of drawer */
    size?: 'sm' | 'md' | 'lg' | 'full';
    /** Show close button */
    showCloseButton?: boolean;
    /** Show overlay backdrop */
    showOverlay?: boolean;
    /** Close on overlay click */
    closeOnOverlayClick?: boolean;
    /** Close on escape key */
    closeOnEscape?: boolean;
    /** Custom header content (replaces title) */
    header?: React.ReactNode;
    /** Footer content */
    footer?: React.ReactNode;
    /** Class name for drawer container */
    className?: string;
}
export default function Drawer({ isOpen, onClose, title, children, placement, size, showCloseButton, showOverlay, closeOnOverlayClick, closeOnEscape, header, footer, className, }: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
export declare function DrawerFooter({ children }: {
    children: React.ReactNode;
}): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Drawer.d.ts.map