import { FC, PropsWithChildren, ReactNode } from "react";

//#region src/components/data-display/table/table.d.ts
type RowProps = PropsWithChildren<{
  interactive?: boolean;
}>;
type CellAlign = 'left' | 'center' | 'right';
type HeaderCellProps = PropsWithChildren<{
  align?: CellAlign;
}>;
type CellProps = PropsWithChildren<{
  align?: CellAlign;
  colSpan?: number;
  tone?: 'default' | 'muted';
}>;
type EmptyStateProps = {
  colSpan: number;
  children: ReactNode;
};
declare const Table: {
  readonly Root: FC<{
    children?: ReactNode | undefined;
  }>;
  readonly Head: FC<{
    children?: ReactNode | undefined;
  }>;
  readonly Body: FC<{
    children?: ReactNode | undefined;
  }>;
  readonly Row: FC<RowProps>;
  readonly HeaderCell: FC<HeaderCellProps>;
  readonly Cell: FC<CellProps>;
  readonly Caption: FC<{
    children?: ReactNode | undefined;
  }>;
  readonly EmptyState: FC<EmptyStateProps>;
};
//#endregion
export { Table };