import { RowSizeToken } from './theming/size-tokens';
import { bodyXXS } from '../../tokens';
import { TextCell } from '@glideappsfinal/glide-data-grid';

export declare const DEFAULT_ROW_HEIGHT: {
    readonly small: 20;
    readonly medium: 32;
    readonly big: 48;
};
export declare const EMPTY_CELL_OBJ: TextCell;
export declare const SIZES: {
    readonly big: {
        readonly cellVerticalPadding: 12;
        readonly cellHorizontalPadding: 16;
        readonly textfieldSize: "s";
    };
    readonly medium: {
        readonly cellVerticalPadding: 7;
        readonly cellHorizontalPadding: 6;
        readonly textfieldSize: "s";
    };
    readonly small: {
        readonly cellVerticalPadding: 4;
        readonly cellHorizontalPadding: 4;
        readonly textfieldSize: "xs";
    };
};
export type GlideSizes = typeof SIZES;
export type SIZES = GlideSizes;
export type SIZE = keyof GlideSizes;
export type GlideSizeConfig = GlideSizes[SIZE];
declare const EDITOR_CELL_PADDING: {
    readonly 'padding-block': "0px";
    readonly 'padding-inline': "0px";
};
export type TableGlideSizeConfig = {
    rowHeight: number;
    cell: {
        'padding-block': `${number}px`;
        'padding-inline': `${number}px`;
    };
    editorCell: typeof EDITOR_CELL_PADDING;
    input: RowSizeToken['textfieldSize'];
    icon: 'xs' | 's' | 'm';
    combobox: 's' | 'm' | 'l';
    checkboxOfCombobox: 's' | 'm' | 'l';
    switch: 's' | 'l';
    font: () => typeof bodyXXS;
};
export declare const TABLE_GLIDE_SIZES: {
    readonly small: {
        readonly rowHeight: 20 | 32 | 48;
        readonly cell: {
            readonly 'padding-block': `${number}px`;
            readonly 'padding-inline': `${number}px`;
        };
        readonly editorCell: {
            readonly 'padding-block': "0px";
            readonly 'padding-inline': "0px";
        };
        readonly input: "s" | "xs";
        readonly icon: "xs";
        readonly combobox: "s";
        readonly checkboxOfCombobox: "s";
        readonly switch: "s";
        readonly font: () => {
            fontFamily: string;
            fontSize: string;
            fontStyle: string;
            fontWeight: string;
            letterSpacing: string;
            lineHeight: string;
        };
    };
    readonly medium: {
        readonly rowHeight: 20 | 32 | 48;
        readonly cell: {
            readonly 'padding-block': `${number}px`;
            readonly 'padding-inline': `${number}px`;
        };
        readonly editorCell: {
            readonly 'padding-block': "0px";
            readonly 'padding-inline': "0px";
        };
        readonly input: "s" | "xs";
        readonly icon: "s";
        readonly combobox: "m";
        readonly checkboxOfCombobox: "m";
        readonly switch: "s";
        readonly font: () => {
            fontFamily: string;
            fontSize: string;
            fontStyle: string;
            fontWeight: string;
            letterSpacing: string;
            lineHeight: string;
        };
    };
    readonly big: {
        readonly rowHeight: 20 | 32 | 48;
        readonly cell: {
            readonly 'padding-block': `${number}px`;
            readonly 'padding-inline': `${number}px`;
        };
        readonly editorCell: {
            readonly 'padding-block': "0px";
            readonly 'padding-inline': "0px";
        };
        readonly input: "s" | "xs";
        readonly icon: "m";
        readonly combobox: "l";
        readonly checkboxOfCombobox: "l";
        readonly switch: "l";
        readonly font: () => {
            fontFamily: string;
            fontSize: string;
            fontStyle: string;
            fontWeight: string;
            letterSpacing: string;
            lineHeight: string;
        };
    };
};
export declare const COLUMN_MIN_WIDTH = 80;
export declare const DEFAULT_HEADER_HEIGHT = 33;
export {};