import { Theme } from '@mui/material';
export declare const styles: {
    root: {
        position: "relative";
        width: string;
        minWidth: number;
        bgcolor: "background.paper";
        borderRadius: number;
        overflow: "hidden";
        boxShadow: "none";
        '&::before': {
            display: "none";
        };
        '& .widget-wrapper-actions > *': {
            opacity: number;
            transition: ({ transitions }: Theme) => string;
            '@media (hover: hover)': {
                opacity: number;
            };
            '&.active': {
                opacity: number;
            };
        };
        '&:hover .widget-wrapper-actions > *': {
            opacity: number;
        };
        '&[data-collapsed="true"] .widget-wrapper-actions > *': {
            opacity: number;
            pointerEvents: "none";
            '&.active': {
                opacity: number;
            };
        };
    };
    loading: {
        position: "absolute";
        top: number;
        left: number;
        width: string;
        height: ({ spacing }: Theme) => string;
        zIndex: number;
    };
    summary: {
        minHeight: ({ spacing }: Theme) => string;
        '& .MuiAccordionSummary-content': {
            gap: ({ spacing }: Theme) => string;
            paddingInlineEnd: ({ spacing }: Theme) => string;
            alignItems: "center";
        };
    };
    summaryDisabled: {
        '&, &:hover:not(.Mui-disabled)': {
            cursor: "default";
        };
    };
    titleCell: {
        flexGrow: number;
        flexShrink: number;
        minWidth: number;
        display: "flex";
        alignItems: "center";
        minHeight: ({ spacing }: Theme) => string;
    };
    titleText: {
        minWidth: number;
        wordBreak: "break-word";
        overflow: "hidden";
        display: "-webkit-box";
        WebkitLineClamp: number;
        WebkitBoxOrient: "vertical";
    };
    actions: {
        display: "flex";
        alignItems: "center";
        gap: number;
        justifyContent: "flex-end";
        flexShrink: number;
        '& > *': {
            pointerEvents: "auto";
        };
    };
    options: {
        display: "flex";
        alignItems: "center";
        gap: number;
        flexShrink: number;
    };
    detail: {
        display: "flex";
        flexDirection: "column";
        gap: ({ spacing }: Theme) => string;
        paddingTop: ({ spacing }: Theme) => string;
    };
    content: {
        minWidth: number;
        display: "flex";
        flexDirection: "column";
        gap: number;
    };
    footer: {
        pt: number;
    };
};