import { TSize } from '../../index.ts';
import { ReactNode } from 'react';

export interface ITableProps {
    /**
     * allows css to be passed to the component
     */
    className?: string;
    /**
     * array of content to be rendered in the body of the table. Use TableCell
     */
    tbodyCells: ReactNode;
    /**
     * array of content to be rendered in the footer of the table. Use TableCell
     */
    tfootCells?: ReactNode;
    /**
     * array of content to be rendered in the header of the table. Use TableCell variant 'headerCell'
     */
    theadCells?: ReactNode;
    /**
     * does table have a transparent background?
     * @default false
     */
    transparent?: boolean;
    /**
     * does table have a border?
     * @default true
     */
    hasBorder?: boolean;
    /**
     * does table have a border radius?
     * @default true
     */
    hasBorderRadius?: boolean;
    /**
     * does table have a hover effect on table rows?
     * @default true
     */
    hasHoverEffect?: boolean;
    /**
     * table size
     * @default md
     */
    size?: TSize;
}
export interface ITableCellProps {
    /**
     * allows css to be passed to the component
     */
    className?: string;
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
    /**
     * content for the cell
     */
    children?: ReactNode;
    /**
     * define header cell if used in thead
     * @default 'cell'
     */
    variant?: 'cell' | 'headerCell';
    /**
     * text alignment
     * @default 'left'
     */
    align?: 'left' | 'center' | 'right';
    /**
     * number of columns spanned by this cell
     */
    colSpan?: number;
}
//# sourceMappingURL=types.d.ts.map