import { default as React } from 'react'; import { PageHeaderProps } from '../../PageHeader/PageHeader'; import { CustomizeTableColumnsProps } from '../CustomizeTableColumns/CustomizeTableColumns'; import { ActiveTableFilterObj, ActiveTableFilterProps } from '../TableFilter/TableFilter'; type ColumnFilterProps = { activeFilters: ActiveTableFilterProps; remove: (filter?: ActiveTableFilterObj) => void; }; export type TableHeaderProps = PageHeaderProps & { /** Optional column filter available */ columnFilterProps?: ColumnFilterProps; /** Optionally use the "Customize Table Column" experience where we can hide and show columns. This also allows us to add other form elements above and below the custom column `MultiSelect` component. */ customColumnProps?: CustomizeTableColumnsProps; /** Optional prop to add a test id to the TableHeader for QA testing */ qaTestId?: string; }; declare const TableHeader: (props: TableHeaderProps) => React.JSX.Element; export default TableHeader;