import React from "react";
import { SxProps, Theme } from "@mui/material";
export interface PaginationProps {
    total: number;
    page: number;
    limit: number;
}
export interface ColumnDef<T, S> {
    headerLabel: string;
    header: React.ComponentType<S & {
        label: string;
    }>;
    headerStyle?: SxProps;
    cell: React.ComponentType<T>;
    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
    sx?: SxProps<Theme>;
}
export interface RowProps {
    onClick?: () => void;
}
export interface PrimaryKeyProps<K> {
    prefix: string;
    key: K;
}
export interface TableProps<T, K extends keyof T, S> {
    data: T[];
    state?: S;
    columns: ColumnDef<T, S>[];
    primaryKey: K | PrimaryKeyProps<K>;
    noResults?: React.ReactNode;
    deriveRowProps?: (row: T) => RowProps;
    pagination?: PaginationProps;
    setPagination?: React.Dispatch<React.SetStateAction<PaginationProps>>;
    handleChangePage?: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
    handleChangeRowsPerPage?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
    sxTable?: SxProps<Theme>;
    loading?: boolean;
    hideHeader?: boolean;
    headerProps?: SxProps<Theme>;
}
export interface TableRowProps<T extends {}> {
    row: T;
    columns: ColumnDef<any, any>[];
    rowProps?: RowProps;
}
export interface TableHeaderProps<T extends {}> {
    headerProps?: SxProps<Theme>;
    columns: ColumnDef<T, any>[];
}