import { TNode, Value } from '@tempots/dom';
import { ControlSize } from '../theme';
export interface TableOptions {
    /** Size of the table (affects padding and spacing) */
    size?: Value<ControlSize>;
    /** Enable hover effect on rows */
    hoverable?: Value<boolean>;
    /** Make the header sticky when scrolling */
    stickyHeader?: Value<boolean>;
    /** Table takes full width of container */
    fullWidth?: Value<boolean>;
    /** Stripe rows for better readability */
    withStripedRows?: Value<boolean>;
    /** Show outer table border */
    withTableBorder?: Value<boolean>;
    /** Show vertical borders between columns */
    withColumnBorders?: Value<boolean>;
    /** Show horizontal borders between rows */
    withRowBorders?: Value<boolean>;
    /** Custom border radius (CSS value) */
    borderRadius?: Value<'none' | 'sm' | 'md' | 'lg' | 'xl'>;
}
/**
 * Table component with styling variants
 * Focused on presentation, not data management
 */
export declare function Table({ size, hoverable, stickyHeader, fullWidth, withStripedRows, withTableBorder, withColumnBorders, withRowBorders, borderRadius, }?: TableOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
