import { ModalDFProps } from '../ModalDF';
import { CSSObject, FlattenSimpleInterpolation } from 'styled-components';
import { ComponentProps, ReactNode, Ref } from 'react';

export type SplitViewSlotSizesProps = {
    avatarSize: 'l' | 'm';
};
export type SplitViewAdaptiveContent = ReactNode | ((props: SplitViewSlotSizesProps) => ReactNode);
export type SplitViewProps = Omit<ComponentProps<'div'>, 'ref' | 'onResize'> & {
    mainContent: ReactNode;
    sidebar?: {
        content: SplitViewAdaptiveContent;
        isOpened?: boolean;
        isFullScreened?: boolean;
        fullScreenedModalDFProps?: ModalDFProps;
        defaultWidthPercent?: number;
        maxWidthPercent?: number;
        minWidthPx?: number;
        paddingLeftOnClosed?: number;
    };
    disableMediaAdaptive?: boolean;
    refContainer?: Ref<HTMLDivElement>;
    $css?: string | CSSObject | FlattenSimpleInterpolation;
    onResize?: (data: SplVSizes) => void;
    headerHeight?: number;
    insidePageLayout?: boolean;
};
export type SplVSizes = {
    main: number;
    mainPx?: number;
    sidebar: number;
    sidebarPx?: number;
};