import React from 'react';
import { SearchBar, Toggle } from '../../../../module';
import { SpreadsheetPane } from '../../../SpreadsheetPane/SpreadsheetPane';
import Spreadsheet from '../Spreadsheet';
type SpreadsheetProps = React.ComponentProps<typeof Spreadsheet>;
type SpreadsheetPaneProps = React.ComponentProps<typeof SpreadsheetPane>;
type SearchBarProps = React.ComponentProps<typeof SearchBar>;
type ToggleProps = React.ComponentProps<typeof Toggle>;
export type SpreadsheetContainerProps = {
    /** This object includes the header and subheader text  */
    headerProps: {
        header: string;
        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 */
    toggleOptionProps?: {
        label: string;
        toggleProps: ToggleProps;
    };
};
declare const SpreadsheetContainer: ({ headerProps, searchBarProps, spreadsheetPaneProps, spreadsheetProps, widthOffset, toggleOptionProps, }: SpreadsheetContainerProps) => JSX.Element;
export default SpreadsheetContainer;
