import { Theme } from '@mui/material';
export declare const styles: {
    root: {
        '.Mui-disabled .MuiAccordionSummary-expandIconWrapper': {
            display: "none";
        };
        '.widget-wrapper-actions > *': {
            opacity: number;
            transition: ({ transitions }: Theme) => string;
            '@media (hover: hover)': {
                opacity: number;
            };
            '&:has(.active)': {
                opacity: number;
            };
        };
        '&:hover': {
            '& .widget-wrapper-actions > *': {
                opacity: number;
            };
        };
        '&.collapsed .widget-wrapper-actions > *': {
            opacity: number;
            pointerEvents: "none";
            '&:has(.active)': {
                opacity: number;
            };
        };
    };
    summary: {
        minHeight: ({ spacing }: Theme) => string;
        '& .MuiAccordionSummary-content': {
            gap: ({ spacing }: Theme) => string;
            paddingInlineEnd: ({ spacing }: Theme) => string;
        };
    };
    loading: {
        height: ({ spacing }: Theme) => string;
        left: number;
        position: "absolute";
        top: number;
        width: string;
        zIndex: number;
    };
    title: {
        wrapper: {
            flexGrow: number;
            flexShrink: number;
            minWidth: number;
            display: "flex";
            justifyContent: "center";
            flexDirection: "column";
        };
        container: {
            display: "flex";
            alignItems: "center";
            flexGrow: number;
            minHeight: ({ spacing }: Theme) => string;
        };
        text: {
            wordBreak: "break-word";
            overflow: "hidden";
            display: "-webkit-box";
            WebkitLineClamp: number;
            WebkitBoxOrient: "vertical";
        };
    };
    actions: {
        display: "flex";
        gap: ({ spacing }: Theme) => string;
        alignItems: "center";
        flexShrink: number;
        justifyContent: "flex-end";
        '& > div': {
            pointerEvents: "auto";
        };
    };
    options: {
        trigger: {
            pointerEvents: "auto";
        };
    };
    detail: {
        display: "flex";
        flexDirection: "column";
        gap: ({ spacing }: Theme) => string;
        paddingTop: ({ spacing }: Theme) => string;
    };
};