import { ReactNode } from 'react';
/**
 * Drawer — panel geser dari satu sisi layar.
 *
 * @param {boolean} isOpen                 Kontrol apakah drawer terbuka.
 * @param {() => void} onClose             Callback saat drawer ditutup.
 * @param {'right'|'left'|'top'|'bottom'} [position] Sisi munculnya drawer. Default: "right".
 * @param {boolean} [closeOnBackdrop]      Klik backdrop menutup? Default: true.
 * @param {string} [className]             Class tailwind tambahan untuk panel.
 * @param {ReactNode} children             Konten di dalam drawer.
 */
export interface DrawerProps {
    /** Apakah drawer terbuka? */
    isOpen: boolean;
    /** Callback saat drawer ditutup */
    onClose: () => void;
    /**
     * Sisi kemana drawer muncul di desktop.
     * - 'right' | 'left' | 'top' | 'bottom'
     * @default 'right'
     */
    position?: 'right' | 'left' | 'top' | 'bottom';
    /** Klik backdrop menutup? @default true */
    closeOnBackdrop?: boolean;
    /** Tailwind class tambahan untuk panel */
    className?: string;
    /** Width panel (desktop) - 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | custom string */
    width?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | string;
    /** Title yang ditampilkan di header */
    title?: string;
    /** Konten di dalam drawer */
    children: ReactNode;
}
export default function Drawer({ isOpen, onClose, position, closeOnBackdrop, className, width, title, children, }: DrawerProps): import('react').ReactPortal | null;
//# sourceMappingURL=Drawer.d.ts.map