export declare const useWidgetHeaderStyles: (availableWidth?: number) => {
    actionsFlex: number;
    containerSquareCorners: boolean;
    headerHeadingLevel: "h1" | "h2" | "h3";
    headerPaddingBottom: number;
    headerPaddingTop: number;
    headerPaddingX: number;
    iconSize: number;
    isCompact: boolean;
    isDesktop: boolean;
    isViewportAbove900: boolean;
    slotSx: {
        px?: number | undefined;
        '& .mx-cmn-date-range-selector'?: {
            m: number;
            width: string;
        } | undefined;
        '& .mx-cmn-date-range-selector > .MuiBox-root'?: {
            display: string;
            justifyContent: string;
        } | undefined;
        '& .MuiButtonGroup-root'?: {
            width: string;
        } | undefined;
        '& .MuiButtonGroup-middleButton'?: {
            flex: number;
        } | undefined;
        '& .MuiToggleButtonGroup-root'?: {
            width: string;
            justifyContent: string;
        } | undefined;
        pb: number;
    };
};