import { Theme } from '@mui/material';
export declare const styles: {
    container: {
        display: "flex";
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "flex-start";
        gap: ({ spacing }: Theme) => string;
        overflow: "hidden";
        width: string;
    };
    actions: {
        icon: {
            width: ({ spacing }: Theme) => string;
            height: ({ spacing }: Theme) => string;
            borderRadius: number;
            '.MuiTouchRipple-ripple .MuiTouchRipple-child': {
                borderRadius: number;
            };
        };
    };
    options: {
        menu: {
            marginTop: ({ spacing }: Theme) => string;
        };
        icon: {
            width: ({ spacing }: Theme) => string;
        };
        title: {
            paddingX: ({ spacing }: Theme) => string;
            paddingY: ({ spacing }: Theme) => string;
        };
        icons: {
            color: ({ palette }: Theme) => string;
        };
        tag: {
            borderRadius: ({ spacing }: Theme) => string;
            border: "1px solid";
            borderColor: ({ palette }: Theme) => string;
            paddingX: ({ spacing }: Theme) => string;
            color: ({ palette }: Theme) => string;
            backgroundColor: ({ palette }: Theme) => string;
        };
        modal: {
            toggle: {
                boxShadow: "none";
                backgroundColor: "#F8F9F9";
                padding: ({ spacing }: Theme) => string;
                marginTop: ({ spacing }: Theme) => string;
                marginBottom: ({ spacing }: Theme) => string;
                '.MuiToggleButtonGroup-grouped': {
                    typography: string;
                    fontWeight: number;
                    margin: number;
                    '&:first-of-type:not(.MuiDivider-root)': {
                        marginLeft: number;
                    };
                };
            };
            subtitle: {
                typography: string;
                color: ({ palette }: Theme) => string;
            };
            optionsGroup: {
                marginLeft: ({ spacing }: Theme) => string;
                typography: string;
            };
            title: {
                display: "flex";
                justifyContent: "space-between";
                alignItems: "center";
                padding: ({ spacing }: Theme) => string;
            };
            content: {
                paddingX: ({ spacing }: Theme) => string;
                minWidth: ({ spacing }: Theme) => string;
            };
            actions: {
                paddingX: ({ spacing }: Theme) => string;
            };
        };
    };
    chip: {
        chip: {
            marginRight: ({ spacing }: Theme) => string;
        };
        disabled: {
            opacity: ({ palette }: Theme) => number;
        };
    };
};