import type { ResponsiveStyleValue } from '@theme-ui/css';
import type { Theme } from '../../theme';
import type { ComponentStyles } from '../../types/componentStyles';
export interface TableStylesProps {
    columns: ResponsiveStyleValue<number>;
    backgroundColorOdd?: keyof Theme['colors'];
    backgroundColorEven?: keyof Theme['colors'];
}
export declare const tableStyles: ComponentStyles<TableStylesProps>;
export interface TableRowStylesProps {
    backgroundColor?: keyof Theme['colors'];
}
export declare const tableRowStyles: ComponentStyles<TableRowStylesProps>;
export interface TableCellStylesProps {
    columnStart?: ResponsiveStyleValue<number>;
    columnEnd?: ResponsiveStyleValue<number>;
    column?: ResponsiveStyleValue<number>;
    row?: ResponsiveStyleValue<number>;
}
export declare const tableCellStyles: ComponentStyles<TableCellStylesProps>;