import React from 'react';
import { Dispatch } from 'redux';
import '../../Views/AttributeAnalysis/AttributeAnalysisTabs.scss';
export interface TableState {
    currentPage: number;
    rowsPerPage: number;
    sort: {
        key: string;
        direction: 'asc' | 'desc';
    };
    search: string;
}
declare type VisualizationConfig = {
    display: string;
    content: React.ReactNode;
};
declare type TableConfig<T extends string> = {
    columns: {
        key: T;
        display: string;
    }[];
    data: Record<T, string | number>[];
};
declare type Props<T extends string> = {
    dispatch: Dispatch;
    activeTab: string;
    tableState: TableState;
    visualizationConfig: VisualizationConfig;
    tableConfig: TableConfig<T>;
};
declare type Column = {
    key: 'value' | 'count';
    display: string;
};
export default class AttributeAnalysisTabs<T extends string> extends React.PureComponent<Props<T>> {
    onPageChange: (currentPage: number) => import("../../Core/WdkMiddleware").ActionCreatorResult<import("../../Utils/ActionCreatorUtils").Action<"attribute-analysis/change-table-page", {
        page: number;
    }>, import("../../Core/Store").EpicDependencies>;
    onRowsPerPageChange: (rowsPerPage: number) => import("../../Core/WdkMiddleware").ActionCreatorResult<import("../../Utils/ActionCreatorUtils").Action<"attribute-analysis-change-tables-rows-per-page", {
        rowsPerPage: number;
    }>, import("../../Core/Store").EpicDependencies>;
    onSort: (column: Column, direction: 'asc' | 'desc') => import("../../Core/WdkMiddleware").ActionCreatorResult<import("../../Utils/ActionCreatorUtils").Action<"attribute-analysis/sort-table", {
        key: string;
        direction: "desc" | "asc";
    }>, import("../../Core/Store").EpicDependencies>;
    onSearch: (search: string) => import("../../Core/WdkMiddleware").ActionCreatorResult<import("../../Utils/ActionCreatorUtils").Action<"attribute-analysis/search-table", {
        searchString: string;
    }>, import("../../Core/Store").EpicDependencies>;
    onTabSelected: (tab: 'table' | 'visualization') => import("../../Core/WdkMiddleware").ActionCreatorResult<import("../../Utils/ActionCreatorUtils").Action<"attribute-analysis/select-tab", {
        tab: "table" | "visualization";
    }>, import("../../Core/Store").EpicDependencies>;
    render(): JSX.Element;
}
export {};
//# sourceMappingURL=AttributeAnalysisTabs.d.ts.map