import React from 'react'; import { Theme } from 'src/theme'; import { BoxProps, NativeAttributes } from '../Box'; export interface TableProps extends NativeAttributes<'table'> { /** The table layout. Defaults to `auto` */ layout?: BoxProps['tableLayout']; /** The size of the table. Affects how dense the cells are. Defaults to `medium`. */ size?: 'small' | 'medium'; /** Whether the rows of the table should be hoverable. Defaults to `false`. */ hoverable?: boolean; /** How to visually separate different rows. Defaults to `background`. */ rowSeparationStrategy?: 'background' | 'border' | 'none'; /** * Whether the header is sticky or should be scrolled long with the content. Defaults to `false` */ stickyHeader?: boolean; /** The background color of table header and even-numbered rows for the 'background' rowSeparationStrategy * Defaults to `inherit` */ backgroundColor?: keyof Theme['colors']; /** The background color of odd-numbered rows for the 'background' rowSeparationStrategy. * Defaults to `navyblue-500` */ backgroundColorOddRows?: keyof Theme['colors']; } declare const useTable: () => TableProps; export { useTable }; declare const _default: React.MemoExoticComponent & React.RefAttributes>>; export default _default;