import { Theme } from '@mui/material';
export declare const styles: {
    root: {
        display: "flex";
        alignItems: "center";
        width: string;
        overflow: "hidden";
        borderRadius: ({ spacing }: Theme) => string;
        gap: ({ spacing }: Theme) => string;
    };
    preview: {
        display: "flex";
        alignItems: "center";
        gap: ({ spacing }: Theme) => string;
    };
    actionsContainer: {
        position: "absolute";
        display: "flex";
        alignItems: "center";
        backgroundColor: ({ palette }: Theme) => string;
        padding: ({ spacing }: Theme) => string;
        gap: ({ spacing }: Theme) => string;
    };
    iconButton: {
        width: ({ spacing }: Theme) => string;
        height: ({ spacing }: Theme) => string;
        borderRadius: number;
        '.MuiTouchRipple-ripple .MuiTouchRipple-child': {
            borderRadius: number;
        };
    };
    triggerButton: {
        '&[data-active="true"]': {
            backgroundColor: ({ palette }: Theme) => string;
        };
    };
};