import { default as React } from 'react'; import { default as SearchBar } from '../../../SearchBar/SearchBar'; import { default as Switch } from '../../../Switch/Switch'; import { SpreadsheetPane } from '../../../SpreadsheetPane/SpreadsheetPane'; import { default as SpreadsheetNew } from '../Spreadsheet'; type SpreadsheetProps = React.ComponentProps; type SpreadsheetPaneProps = React.ComponentProps; type SearchBarProps = React.ComponentProps; type SwitchProps = React.ComponentProps; export type SpreadsheetContainerProps = { /** This object includes the header and subHeader text */ headerProps: { /** The header text */ header: string; /** The sub header text */ subHeader: string; }; /** Generic SearchBar props */ searchBarProps: SearchBarProps; /** Generic Spreadsheet props */ spreadsheetProps: SpreadsheetProps; /** Optional - generic SpreadsheetPane props */ spreadsheetPaneProps?: SpreadsheetPaneProps; /** Optional - If the table is next to another element, the computed width of the table will be incorrect. Use this to input the width of the element (including padding, margin, and other spacing) to have the correct width for the table. */ widthOffset?: number; /** Optional Toggle Props */ toggleProps?: { /** The label of the toggle */ label: string; /** The props of the toggle */ toggleProps: SwitchProps; }; /** Optional prop to add a test id to the SpreadsheetContainer for QA testing */ qaTestId?: string; /** You may define a set height for the SpreadsheetContainer - optional */ customHeight?: number; }; declare const SpreadsheetContainer: ({ headerProps, searchBarProps, spreadsheetPaneProps, spreadsheetProps, widthOffset, toggleProps, qaTestId, customHeight, }: SpreadsheetContainerProps) => React.JSX.Element; export default SpreadsheetContainer;