export declare const dataTable: {
    container: {
        border: string;
        borderColor: string;
        borderRadius: string;
    };
    tableRow: {
        borderTop: string;
        borderTopColor: string;
        borderBottom: string;
        pl: string;
        '&:last-of-type': {
            borderBottomLeftRadius: string;
            borderBottomRightRadius: string;
        };
    };
    selectableTableRow: {
        bg: string;
        '&.is-hovered': {
            bg: any;
        };
        '&.is-selected': {
            bg: any;
        };
        '&.is-focused': {
            boxShadow: string;
            bg: any;
        };
        '&.is-disabled': {
            opacity: string;
        };
        borderTop: string;
        borderTopColor: string;
        borderBottom: string;
        pl: string;
        '&:last-of-type': {
            borderBottomLeftRadius: string;
            borderBottomRightRadius: string;
        };
    };
    tableHeadWrapper: {
        borderBottom: string;
    };
    tableHeadCell: {
        px: string;
        fontWeight: string;
        fontSize: string;
        '&.is-column-sortable': {
            svg: {
                fill: string;
            };
        };
        '&.is-first-column': {
            borderTopLeftRadius: string;
        };
        '&.is-last-column': {
            borderTopRightRadius: string;
        };
        '&.is-key-focused': {
            outline: string;
            outlineStyle: string;
            outlineColor: string;
            outlineOffset: string;
        };
    };
    rowHeader: {
        py: string;
    };
    tableCell: {
        fontSize: string;
        px: string;
    };
};