@dossierhq/design/lib/components/Table/Table.d.ts

The design system for Dossier.

import type { FunctionComponent, MouseEventHandler } from 'react';
export interface TableProps {
    className?: string;
    hoverable?: boolean;
    children: React.ReactNode;
}
interface TableHeadProps {
    children: React.ReactNode;
}
interface TableBodyProps {
    children: React.ReactNode;
}
interface TableRowProps {
    children: React.ReactNode;
    clickable?: boolean;
    sticky?: boolean;
    onClick?: MouseEventHandler<HTMLTableRowElement>;
}
interface TableHeaderProps {
    clickable?: boolean;
    narrow?: boolean;
    order?: 'asc' | 'desc' | '';
    onClick?: MouseEventHandler<HTMLTableCellElement>;
    children: React.ReactNode;
}
interface TableCellProps {
    className?: string;
    colSpan?: number;
    narrow?: boolean;
    children: React.ReactNode;
}
interface TableComponent extends FunctionComponent<TableProps> {
    Head: FunctionComponent<TableHeadProps>;
    Body: FunctionComponent<TableBodyProps>;
    Row: FunctionComponent<TableRowProps>;
    Header: FunctionComponent<TableHeaderProps>;
    Cell: FunctionComponent<TableCellProps>;
}
export declare const Table: TableComponent;
export {};