import { ComponentProps, LegacyRef, ReactNode, Ref } from 'react';
import { IconChevronLeft, IconDotsHorizontalOutline } from '../../icons';
import { IconButton } from '../IconButton';
import { Dropdown } from '../Dropdown';
import { Drawer } from '../Drawer';
import { BoxProps } from '../Box';
import { BadgeCompProps } from '../Badge';

export type DrawerProps = ComponentProps<typeof Drawer>;
export type DrawerDFPropsForStyles = {
    $multipleContents: boolean;
    $header: boolean;
    $footer: boolean;
};
export type DrawerDFHeaderProps = BoxProps & {
    refEl?: LegacyRef<HTMLDivElement>;
    title?: ReactNode;
    subTitle?: ReactNode;
    badge?: (BadgeCompProps & {
        text: string;
    }) | undefined;
    rightBlock?: ReactNode;
    footerBlock?: ReactNode;
};
export type DrawerDFContentProps = BoxProps & {
    fixedWidth?: string;
    refEl?: Ref<HTMLDivElement>;
    $isFirstSingleContent?: boolean;
    $isLastSingleContent?: boolean;
};
export type DrawerDFFooterProps = BoxProps & {
    refEl?: LegacyRef<HTMLDivElement>;
};
export type DrawerDFDotsIconButtonProps = ComponentProps<typeof IconButton> & {
    dropdownProps?: ComponentProps<typeof Dropdown>;
    iconSize?: ComponentProps<typeof IconDotsHorizontalOutline>['size'];
};
export type DrawerDFBackIconButtonProps = ComponentProps<typeof IconButton> & {
    iconSize?: ComponentProps<typeof IconChevronLeft>['size'];
};