import { Theme } from '@mui/material';
export declare const styles: {
    container: {
        display: "flex";
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "flex-start";
        overflow: "hidden";
        width: string;
        '&.inline': {
            flexDirection: "column";
            alignItems: "flex-start";
            gap: ({ spacing }: Theme) => string;
        };
    };
    actions: {
        icon: {
            width: ({ spacing }: Theme) => string;
            height: ({ spacing }: Theme) => string;
            borderRadius: number;
            '.MuiTouchRipple-ripple .MuiTouchRipple-child': {
                borderRadius: number;
            };
        };
    };
    options: {
        menu: {
            paddingY: ({ spacing }: Theme) => string;
            '&.inline': {
                boxShadow: "none";
                backgroundColor: "transparent";
                borderRadius: ({ spacing }: Theme) => string;
                '& .MuiDivider-root': {
                    height: ({ spacing }: Theme) => string;
                    '&.MuiToggleButtonGroup-groupedHorizontal': {
                        height: ({ spacing }: Theme) => string;
                    };
                    '&.MuiToggleButtonGroup-groupedVertical': {
                        height: string;
                        width: ({ spacing }: Theme) => string;
                        margin: ({ spacing }: Theme) => string;
                        borderRadius: string;
                    };
                };
                '& .MuiToggleButton-sizeSmall': {
                    margin: number;
                    '&.MuiToggleButtonGroup-grouped:not(.MuiDivider-root)': {
                        margin: number;
                    };
                    '& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal': {
                        height: ({ spacing }: Theme) => string;
                    };
                    '& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical': {
                        height: string;
                        width: ({ spacing }: Theme) => string;
                    };
                };
                '.MuiToggleButtonGroup-grouped:not(.MuiDivider-root)': {
                    margin: number;
                    '&:first-of-type': {
                        marginLeft: number;
                    };
                    '&:not(:last-of-type)': {
                        marginRight: ({ spacing }: Theme) => string;
                    };
                };
                '&.MuiToggleButtonGroup-horizontal:not(.MuiDivider-root)': {
                    '.MuiToggleButtonGroup-grouped': {
                        margin: ({ spacing }: Theme) => string;
                    };
                };
                '&.MuiToggleButtonGroup-vertical:not(.MuiDivider-root)': {
                    '.MuiToggleButtonGroup-grouped': {
                        margin: ({ spacing }: Theme) => string;
                        '&:not(:last-of-type)': {
                            marginRight: number;
                        };
                        '&:last-of-type': {
                            marginBottom: number;
                        };
                    };
                };
            };
        };
        icon: {
            borderRadius: number;
            width: ({ spacing }: Theme) => string;
        };
        title: {
            paddingX: ({ spacing }: Theme) => string;
            paddingBottom: ({ spacing }: Theme) => string;
            '&.inline': {
                paddingX: number;
                paddingBottom: number;
            };
        };
        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;
        };
        more: {
            width: ({ spacing }: Theme) => string;
        };
    };
    chip: {
        container: {
            display: "flex";
            flexDirection: "row";
            alignItems: "center";
            gap: ({ spacing }: Theme) => string;
            overflowX: "auto";
            scrollbarWidth: "none";
            paddingX: ({ spacing }: Theme) => string;
            '&.inline': {
                overflowX: "visible";
                flexWrap: "wrap";
            };
        };
        chip: {
            marginRight: ({ spacing }: Theme) => string;
        };
        disabled: {
            opacity: ({ palette }: Theme) => number;
        };
    };
};