import React from 'react'; import { MarginProps, WidthProps } from 'styled-system'; import { Size } from '../ScreenSizeProvider/ScreenSizeProvider'; declare type CellAlignment = 'center' | 'right' | 'left'; declare type CellType = 'th' | 'td'; export declare type FocusOption = boolean | 'mouse-only'; export declare type TableVariant = 'table' | 'card' | 'mini'; export declare type StickyColAlignment = 'right' | 'none'; interface TableProps extends MarginProps, React.TableHTMLAttributes { fullWidth?: boolean; cardBreakpoint?: Size; variant?: TableVariant; as?: React.ElementType; dividers?: boolean; sticky?: StickyColAlignment; rowFocus?: FocusOption; rowHover?: boolean; } interface TableHeaderProps extends React.TableHTMLAttributes { variant?: TableVariant; dividers?: boolean; sticky?: StickyColAlignment; } export interface TableCellProps extends WidthProps, Omit & React.ThHTMLAttributes, 'width'> { variant?: TableVariant; align?: CellAlignment; as?: CellType; } declare type TableRowProps = React.TableHTMLAttributes; declare type TableBodyProps = React.HTMLAttributes; export declare const Table: React.ForwardRefExoticComponent>; export declare const TableCell: React.ForwardRefExoticComponent>; export declare const TableHeader: React.ForwardRefExoticComponent>; export declare const TableRow: React.FC; export declare const TableBody = "tbody"; declare type ForwardRefComponent = React.ForwardRefExoticComponent & React.RefAttributes>; declare type TableComponentType = ForwardRefComponent & { Header: ForwardRefComponent; Cell: ForwardRefComponent; Row: React.FC; Body: React.ElementType; }; declare const DefaultTable: TableComponentType; export default DefaultTable;