/// <reference types="react" />
import { BoxProps, PolymorphBoxProps } from '../Box/Box.types';
import { FlexProps } from '../Flex/Flex.types';
import { AllIconNames } from '../Icon/Icon.types';
export type PlacementType = 'top' | 'left' | 'bottom' | 'right';
export type CloseButtonProps = {
    onClose?: () => void;
    icon?: AllIconNames;
    render?: React.ReactNode;
};
export type HeaderProps = FlexProps & {
    title?: string;
    closeButton?: CloseButtonProps | boolean;
    suffix?: React.ReactNode;
    render?: React.ReactNode;
};
export interface DrawerProps extends BoxProps {
    isVisible: boolean;
    onClose?: () => void;
    closable?: boolean;
    placement?: 'top' | 'left' | 'bottom' | 'right';
    isFullPage?: boolean;
    children?: React.ReactNode;
    isNestedDrawer?: boolean;
    header?: HeaderProps;
}
export interface StyledDrawerProps extends PolymorphBoxProps<React.ElementType>, Pick<DrawerProps, 'isFullPage' | 'placement'> {
    isOpen: boolean;
}
export type DrawerHeaderProps = HeaderProps & Pick<DrawerProps, 'onClose' | 'closable'>;
export interface DrawerComposition {
    Header: React.FC<DrawerHeaderProps>;
}