import { ReactNode } from 'react'; import './TableWithAccordion.scss'; import '../../../index.scss'; interface ColumnProps { /** * column name */ header: string; /** * data key for particular column */ accessor: string; /** * className for a column */ className?: string; /** * width of a column */ width?: number; /** * data for the column */ cell?: (e: any) => JSX.Element | string | ReactNode; } interface DataProps { /** * data for each row */ [key: string]: any; } export interface TableProps { /** * Column details for table */ tableMeta: Array; /** * Data for table */ tableData: Array; /** * Table type */ accordionType: 'row' | 'column'; /** * Specific sentence to be displayed data not found */ noDataText?: string; /** * Size of the image that to be displayed if you don't have data */ noDataImageSize?: 'x-large' | 'large' | 'medium' | 'small' | 'x-small'; /** * Header type */ variant: 'primary' | 'secondary'; /** * withFixedHeader prop to have non-scrollable fixed accordion table header */ withFixedHeader?: boolean; /** * Height of the table in string */ height?: string; /** * Header type to have different background color */ headerType: 'default' | 'primary' | 'secondary'; } declare const TableWithAccordion: ({ tableMeta, tableData, accordionType, noDataText, noDataImageSize, variant, height, withFixedHeader, headerType, }: TableProps) => import("react/jsx-runtime").JSX.Element; export default TableWithAccordion;