import { ElementProps } from "../../../types/shared.mjs";
import { Component } from "../../../internal/factory/factory.mjs";
import React, { ReactNode } from "react";

//#region src/components/content-presentation/table/Table.d.ts
type TableProps = {
  /**
   * The variant of the table. Defaults to a non-responsive table.
   */
  variant?: 'responsive';
  /**
   * Whether to use the reverse colour scheme.
   */
  reverse?: boolean;
  /**
   * Whether the first cell in the table is a header cell. Defaults to false.
   * @default false
   */
  firstCellIsHeader?: boolean;
} & ElementProps<'table'>;
declare const Table: Component<{
  props: TableProps;
  ref: HTMLTableElement;
  staticComponents: {
    Caption: typeof TableCaption;
    Head: typeof TableHead;
    Body: typeof TableBody;
    Row: typeof TableRow;
    Cell: typeof TableCell;
  };
}>;
type TableCaptionProps = {
  size?: 'm' | 'l' | 'xl';
} & ElementProps<'caption'>;
declare const TableCaption: {
  ({
    size,
    className,
    ...props
  }: TableCaptionProps): React.JSX.Element;
  displayName: string;
};
type TableHeadProps = ElementProps<'thead'>;
declare const TableHead: {
  ({
    className,
    role,
    ...props
  }: TableHeadProps): React.JSX.Element;
  displayName: string;
};
type TableBodyProps = ElementProps<'tbody'>;
declare const TableBody: {
  ({
    className,
    ...props
  }: TableBodyProps): React.JSX.Element;
  displayName: string;
};
type TableRowProps = ElementProps<'tr'>;
declare const TableRow: {
  ({
    role,
    className,
    children,
    ...props
  }: TableRowProps): React.JSX.Element;
  displayName: string;
};
type TableCellProps = {
  /**
   * The variant of the cell. Defaults to none.
   */
  variant?: 'numeric';
  /**
   * The heading to display in when the table is in responsive mode and on small screens. If not provided, the children will be used.
   */
  responsiveHeading?: string;
  /**
   * For internal use only
   */
  __responsiveHeading?: ReactNode;
  /**
   * For internal use only
   */
  __firstCellIsHeader?: boolean;
} & ElementProps<'td'>;
declare const TableCell: {
  ({
    variant,
    role,
    className,
    children,
    responsiveHeading,
    __responsiveHeading,
    __firstCellIsHeader,
    ...props
  }: TableCellProps): React.JSX.Element;
  displayName: string;
};
//#endregion
export { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps };