import type { JSX } from "react";
import { type BaseButtonProps } from "../ButtonV2/ButtonProps.type";
type TableFieldConfigBase = {
    key: string;
    headerText?: string;
    onlyShowContentOnHovering?: boolean;
};
type TableFieldConfigWithContent<Item> = TableFieldConfigBase & {
    content: (item: Item) => TableFieldContent<Item>;
    render?: never;
};
type TableFieldConfigWithComponent<Item> = TableFieldConfigBase & {
    render: (item: Item) => JSX.Element;
    content?: never;
};
/**
 * By adding the `content` property, it will use an opinionated layout with the <Text /> and optionally the <Tag /> component.
 * By adding the `render` property, it will render any component returned in the function, based on the item (with type) passed.
 */
export type TableFieldConfig<Item> = TableFieldConfigWithComponent<Item> | TableFieldConfigWithContent<Item>;
export type TableFieldContent<Item> = TableFieldText | [TableFieldAction<Item>?, TableFieldAction<Item>?];
export interface TableFieldText {
    text?: string;
    description?: {
        content: string;
        breakAllWord?: boolean;
    };
    breakAllWord?: boolean;
    tag?: {
        text: string;
        color: "red" | "amber" | "green" | "gray" | "blue";
    };
}
export type TableFieldAction<Item> = Pick<BaseButtonProps, "isDisabled" | "title" | "icon"> & {
    key: string;
    /**
     * @param item - the data in the row when this clicked
     * @returns void
     */
    handleClick: (item: Item) => void;
};
export {};