import { PanelCollapsedContent, PanelContent } from './styled';
import { ComponentProps, ReactNode, RefObject } from 'react';
import { IconButton } from '../IconButton';
import { Box } from '../Box';

type PanelCollapsedContentProps = Omit<ComponentProps<typeof PanelCollapsedContent>, '$isAdaptive1280' | 'showResizeable' | '$active'>;
export type LeftPanelSlotSizesProps = {
    buttonSize: 's' | 'xs';
};
export type LeftPanelAdaptiveSlot = ReactNode | ((props: LeftPanelSlotSizesProps) => ReactNode);
export type LeftPanelProps = {
    minWidth?: number;
    maxWidth?: number;
    disableMediaAdaptive?: boolean;
    collapseState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
    widthState?: [
        number | undefined,
        React.Dispatch<React.SetStateAction<number | undefined>>
    ];
    containerProps?: ComponentProps<typeof Box>;
    contentProps?: Omit<ComponentProps<typeof PanelContent>, '$active'>;
    collapsedContentProps?: PanelCollapsedContentProps;
    showToggleButton?: boolean;
    showResizeable?: boolean;
    expandedContent?: LeftPanelAdaptiveSlot;
    collapsedContent?: LeftPanelAdaptiveSlot;
    collapsedFooterContent?: LeftPanelAdaptiveSlot;
    onResize?: (width: number) => void;
    onToggleCollapse?: (next: boolean) => void;
};
type ToggleButtonBaseProps = ComponentProps<typeof IconButton>;
export type ToggleButtonProps = ToggleButtonBaseProps & {
    collapsed?: boolean;
    isAbsolute?: boolean;
    isAdaptive1280?: boolean;
    onClick?: () => void;
};
export type HookResizeProps = {
    setWidth: React.Dispatch<React.SetStateAction<number | undefined>>;
    isResizingRef: React.MutableRefObject<boolean>;
    setIsResizing: React.Dispatch<React.SetStateAction<boolean>>;
    panelRef: RefObject<HTMLDivElement | null>;
    minWidth: number;
    maxWidth: number;
    parentRef: RefObject<HTMLElement | null>;
    isCollapsed: boolean;
    onResize?: (width: number) => void;
};
export {};