import React from 'react';
import { TableCell } from './TableCell';
export interface TableCol {
    width?: number | string;
    variant?: 'default' | 'compact';
    className?: string;
}
export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
    columns?: TableCol[];
    noSideBorders?: boolean;
}
declare function TableRoot({ columns, noSideBorders, className, children, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
export type TableCellProps = React.ComponentProps<typeof TableCell> & {
    id?: string;
};
declare function Cell({ as, id, onClick, ...rest }: TableCellProps): import("react/jsx-runtime").JSX.Element;
type HeaderCellProps = Omit<TableCellProps, 'as'> & {
    sortable?: 'asc' | 'desc' | 'default';
};
declare function HeaderCell({ headerColor, scope, className, sortable, children, onClick, ...rest }: HeaderCellProps): import("react/jsx-runtime").JSX.Element;
export declare const Table: typeof TableRoot & {
    Header: ({ className, ...rest }: React.HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
    Body: ({ className, ...rest }: React.HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
    Row: ({ className, ...rest }: React.HTMLAttributes<HTMLTableRowElement>) => import("react/jsx-runtime").JSX.Element;
    Cell: typeof Cell;
    HeaderCell: typeof HeaderCell;
};
export default Table;