import { FC, HTMLAttributes, PropsWithChildren, ReactNode, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "react";
//#region src/components/data-display/table/table.d.ts
type RootProps = PropsWithChildren<Omit<TableHTMLAttributes<HTMLTableElement>, 'className' | 'style'>>;
type RowProps = PropsWithChildren<{
  interactive?: boolean;
} & Omit<HTMLAttributes<HTMLTableRowElement>, 'className' | 'style'>>;
type CellAlign = 'left' | 'center' | 'right';
type HeaderCellProps = PropsWithChildren<{
  align?: CellAlign;
  scope?: 'col' | 'row' | 'colgroup' | 'rowgroup';
} & Omit<ThHTMLAttributes<HTMLTableCellElement>, 'className' | 'style' | 'align' | 'scope'>>;
type CellProps = PropsWithChildren<{
  align?: CellAlign;
  color?: 'base' | 'mute';
} & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'className' | 'style' | 'align'>>;
type SectionProps = PropsWithChildren<Omit<HTMLAttributes<HTMLTableSectionElement>, 'className' | 'style'>>;
type CaptionProps = PropsWithChildren<Omit<HTMLAttributes<HTMLTableCaptionElement>, 'className' | 'style'>>;
type EmptyStateProps = {
  colSpan: number;
  children: ReactNode;
};
declare const Table: {
  readonly Root: FC<RootProps>;
  readonly Head: FC<SectionProps>;
  readonly Body: FC<SectionProps>;
  readonly Row: FC<RowProps>;
  readonly HeaderCell: FC<HeaderCellProps>;
  readonly Cell: FC<CellProps>;
  readonly Caption: FC<CaptionProps>;
  readonly EmptyState: FC<EmptyStateProps>;
};
//#endregion
export { CellAlign, Table };