import { ComponentProps, ReactNode } from 'react';
import { Typography, TypographyWithAutoTooltipProps } from '../Typography';
import { Box } from '../Box';

export type BlockTitleSlotSizesProps = {
    titleIconSize: 's' | 'xs';
    titleBadgeSize: 'm' | 's';
    buttonSize: 's' | 'xs';
    actionIconSize: 's' | 'xs';
};
export type BlockTitleAdaptiveSlot = ReactNode | ((props: BlockTitleSlotSizesProps) => ReactNode);
export type BlockTitleProps = {
    title?: string;
    titleSize?: ComponentProps<typeof Typography>['variant'];
    titleTooltipProps?: TypographyWithAutoTooltipProps<'H2'>['tooltipProps'];
    titleLeftSlot?: BlockTitleAdaptiveSlot;
    titleRightSlot?: BlockTitleAdaptiveSlot;
    description?: string;
    topSlot?: BlockTitleAdaptiveSlot;
    rightSlot?: BlockTitleAdaptiveSlot;
    disableMediaAdaptive?: boolean;
    containerProps?: ComponentProps<typeof Box>;
    onBackButtonClick?: () => void;
};