import { Body, BodyProps } from './table-body';
import { Cell, CellProps } from './table-cell';
import { Footer, FooterProps } from './table-footer';
import { Head, HeadProps } from './table-head';
import { Header, HeaderProps } from './table-header';
import { Root, RootProps } from './table-root';
import { Row, RowProps } from './table-row';

type TableProps = {
    Root: RootProps;
    Header: HeaderProps;
    Body: BodyProps;
    Footer: FooterProps;
    Row: RowProps;
    Head: HeadProps;
    Cell: CellProps;
};
/**
 * Table is a component for displaying data in a tabular format.
 * It provides a set of composable components to build tables with headers, footers,
 * rows, and cells.
 *
 * @component
 *
 * @example
 * // Basic usage
 * <Table>
 *   <Table.Header>
 *     <Table.Row>
 *       <Table.Head>Name</Table.Head>
 *       <Table.Head>Email</Table.Head>
 *       <Table.Head>Role</Table.Head>
 *     </Table.Row>
 *   </Table.Header>
 *   <Table.Body>
 *     <Table.Row>
 *       <Table.Cell>John Doe</Table.Cell>
 *       <Table.Cell>john@example.com</Table.Cell>
 *       <Table.Cell>Admin</Table.Cell>
 *     </Table.Row>
 *   </Table.Body>
 * </Table>
 */
declare const Table: typeof Root & {
    /**
     * Header component for the table. Contains header rows and cells.
     *
     * @component
     *
     * @example
     * <Table.Header>
     *   <Table.Row>
     *     <Table.Head>Name</Table.Head>
     *     <Table.Head>Email</Table.Head>
     *   </Table.Row>
     * </Table.Header>
     */
    Header: typeof Header;
    /**
     * Body component for the table. Contains the main data rows and cells.
     *
     * @component
     *
     * @example
     * <Table.Body>
     *   <Table.Row>
     *     <Table.Cell>John Doe</Table.Cell>
     *     <Table.Cell>john@example.com</Table.Cell>
     *   </Table.Row>
     * </Table.Body>
     */
    Body: typeof Body;
    /**
     * Footer component for the table. Contains footer rows and cells.
     *
     * @component
     *
     * @example
     * <Table.Footer>
     *   <Table.Row>
     *     <Table.Cell colSpan={2}>Total: 3 users</Table.Cell>
     *   </Table.Row>
     * </Table.Footer>
     */
    Footer: typeof Footer;
    /**
     * Row component for organizing cells horizontally in the table.
     *
     * @component
     *
     * @example
     * <Table.Row>
     *   <Table.Cell>John Doe</Table.Cell>
     *   <Table.Cell>john@example.com</Table.Cell>
     * </Table.Row>
     */
    Row: typeof Row;
    /**
     * Head component for table header cells. Used within Table.Header rows.
     *
     * @component
     *
     * @example
     * <Table.Head>Name</Table.Head>
     */
    Head: typeof Head;
    /**
     * Cell component for displaying data in the table. Used within Table.Row.
     *
     * @component
     *
     * @example
     * <Table.Cell>John Doe</Table.Cell>
     */
    Cell: typeof Cell;
};
export { Table };
export type { TableProps };