import { ReactNode } from 'react';
export interface TableProps {
    /** table heading */
    caption?: null | {
        text: string;
        classes?: string;
        classModifiers?: string | string[];
    };
    /** whether first cell of each row is a header cell */
    firstCellIsHeader?: boolean | null;
    /** table heading row */
    head?: null | string[] | {
        text: string | number;
        format?: string;
        key?: string | number;
        classes?: string;
    }[];
    /** the rows of data to populate the table, can use TableRow elements too/instead  */
    rows?: null | string[][] | {
        text: string | number;
        format?: string;
        key?: string | number;
    }[][];
    children?: ReactNode;
    classBlock?: string;
    classModifiers?: string | string[] | null;
    className?: string;
}
export declare const DEFAULT_CLASS = "hods-table";
/**
 * Component to produce a table. See [GDS Table](https://design-system.service.gov.uk/components/table/) for more information
### Caption styles

There are other styling options for table captions, as with the original GDS Component
You can use `hods-table__caption--s`, `hods-table__caption--m`, `hods-table__caption--l` and `hdos-table__caption--xl`
classes to make them larger or smaller from the default.
A better way however is to use the `classModifiers` attribute of the *caption* object,
which will pick up a change to the base table class e.g. from `hods-table` to `govuk-table`
 */
export declare const Table: ({ caption, firstCellIsHeader, head, rows, children, classBlock, classModifiers, className, ...attrs }: TableProps) => import("react/jsx-runtime").JSX.Element;