import { ReactNode } from "react";
import "@fontsource/ibm-plex-sans";
type TableRow = {
    onClick?: () => void;
} & Record<string, ReactNode | string | JSX.Element | any>;
export type TableProps = {
    columnTitles: string[];
    rowData: TableRow[];
    actions?: OptionsActions[];
    label?: {
        content: JSX.Element | React.ReactNode;
        padding?: string;
        margin?: string;
    };
    buttons?: ButtonTable[];
    pageSizes: number[];
    datePicker?: {
        label: string;
        type?: string;
        value?: string;
        onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
    };
    search?: boolean;
    pagination?: boolean;
    messagedatalength?: string;
    width?: string;
    sizeSearch?: "small" | "large" | "medium";
    rowSizes?: string;
    radius?: boolean;
    footer?: {
        ht: string;
        element: ReactNode;
        bg: string;
    };
    bg?: string;
    ht?: string;
};
type OptionsActions = {
    text: ReactNode;
    onClick?: () => void;
};
type ButtonTable = {
    label: string;
    onClick?: () => void;
    icon?: string;
    kind: "primary" | "secondary" | "tertiary" | "ghost" | "dangerPrimary" | "dangerTertiary" | "dangerGhost";
    position?: "right" | "left";
    width?: string;
    dimension?: string;
    size?: "small" | "large" | "medium" | "extraLarge" | "twoXLarge" | "expressive";
    disabled?: boolean;
    tooltip?: {
        align: "top" | "top-left" | "top-right" | "bottom" | "top" | "bottom-left" | "bottom-right" | "left" | "right";
        width?: string;
        children?: React.ReactNode;
        size: "small" | "large" | "medium";
        label?: string;
    };
};
export declare const FirstTitlep: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
export declare const Table: ({ rowData, buttons, label, search, columnTitles, messagedatalength, width, sizeSearch, rowSizes, radius, pageSizes, footer, datePicker, pagination }: TableProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map