import { type ComponentType, type CSSProperties, type KeyboardEvent, type ReactNode } from "react";
import type { GridColumnModel, GridRowModel, SortOrder } from "./Grid";
export type GridColumnPin = "left" | "right" | null;
export type CellValidationState = "error" | "warning" | "success";
type CellValidationType = "strong" | "light";
export interface GridCellProps<T, U = any> {
    row: GridRowModel<T>;
    column: GridColumnModel<T>;
    className?: string;
    style?: CSSProperties;
    isFocused?: boolean;
    isSelected?: boolean;
    isEditable?: boolean;
    children?: ReactNode;
    align?: GridColumnProps["align"];
    value?: U;
    validationStatus?: CellValidationState;
    validationMessage?: string;
    validationType?: CellValidationType;
}
export interface GridCellValueProps<T, U = any> {
    row: GridRowModel<T>;
    column: GridColumnModel<T>;
    isFocused?: boolean;
    value?: U;
    validationStatus?: CellValidationState;
    validationMessage?: string;
    validationType?: CellValidationType;
}
export interface HeaderCellProps<T> {
    column: GridColumnModel<T>;
    children: ReactNode;
    isFocused?: boolean;
}
export interface GridHeaderValueProps<T> {
    column: GridColumnModel<T>;
    isFocused?: boolean;
}
export interface GridEditorProps<T> {
    row: GridRowModel<T>;
    column: GridColumnModel<T>;
}
export interface GridColumnProps<T = any> {
    /**
     * Unique identifier of the column.
     * */
    id: string;
    /**
     * Enables sorting (by sort order: `asc | desc | none`) for the column.
     * To enable column header's keyboard navigation on sort,
     * users need to set `headerIsFocusable` prop to `true` in Grid component.
     * To customise how GridColumn data sorts, use also  `customSort` or `onSortOrderChanged`.
     * */
    sortable?: boolean;
    /**
     * Custom sorting function. Use for client side sorting.
     * */
    customSort?: (args: {
        rowData: T[];
        sortOrder: SortOrder;
    }) => T[];
    /**
     * Exposes GridColumn sort order. Use for server side sorting.
     * */
    onSortOrderChange?: (args: {
        sortOrder: SortOrder;
    }) => void;
    /**
     * Name is displayed on the column header by default.
     * */
    name?: string;
    /**
     * Default width of the column in `px`.
     * */
    defaultWidth?: number;
    /**
     * Min width of the column.
     * */
    minWidth?: number;
    /**
     * Callback invoked when the user resizes the column.
     * */
    onWidthChanged?: (width: number) => void;
    /**
     * Whether the column should be pinned `left` or `right`. By default columns
     * are unpinned. Accepts `"left" | "right" | null`.
     * */
    pinned?: GridColumnPin;
    /**
     * Text align for the header and cells.
     * */
    align?: "left" | "right";
    /**
     * Component to render for every cell in the column. Useful when major
     * customization is needed. Use this only if `cellValueComponent` is not
     * sufficient. Default implementation of cell component takes care of
     * selection, hover, focus and other basic grid features.
     * */
    cellComponent?: ComponentType<GridCellProps<T>>;
    /**
     * Component to render inside every cell. This is the preferred way of
     * customizing grid cells.
     * */
    cellValueComponent?: ComponentType<GridCellValueProps<T>>;
    /**
     * Cell value getter. Should return the value to be displayed in the cell
     * for the given row data item.
     * */
    getValue?: (rowData: T) => any;
    /**
     * Cell validation status getter. Should return one of the known validation status names: "none" | "error" | "warning"
     * If you require a custom validation status, you can achieve that by providing a custom cell component.
     * */
    getValidationStatus?: (value: GridCellValueProps<T>) => CellValidationState | undefined;
    /**
     * Cell validation status message getter. Should return a string description of the validation state that can be used for the screen reader.
     * This prop is optional but if you don't provide a function a default message will be used.
     * */
    getValidationMessage?: (value: GridCellValueProps<T>) => string | undefined;
    /**
     * Cell validation type. Determines the visual style of the validation. The available values are "strong" and "light". Strong will display the icon
     * along side the background and border. Light will only affect border and background. Use light if you are validation the whole row, and optionally
     * strong on one of the columns, and strong if you are validating user input on a particular cell.
     * The default value is "light".
     * */
    validationType?: GridCellProps<T>["validationType"];
    /**
     * CSS class to be applied to the column header.
     * Useful for minor customizations
     * */
    headerClassName?: string;
    /**
     * Custom header component. Use this when `headerValueComponent` doesn't
     * provide enough flexibility.
     * */
    headerComponent?: ComponentType<HeaderCellProps<T>>;
    /**
     * Renders the content of the column header. This is the preferred way of
     * customizing column headers.
     * */
    headerValueComponent?: ComponentType<GridHeaderValueProps<T>>;
    /**
     * A callback to be invoked when the user modifies a cell value.
     * */
    onChange?: (row: T, rowIndex: number, value: string) => void;
    /**
     * A callback to be invoked on key down when the focus is in this column.
     */
    onKeyDown?: (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => void;
    /**
     * Children is optional, and accepts non-rendered elements i.e. `CellEditor`
     */
    children?: ReactNode;
    /**
     * aria-label is optional, and accepts any string value
     */
    "aria-label"?: string;
}
export interface GridColumnInfo<T> {
    width: number;
    onWidthChanged: (width: number) => void;
    props: GridColumnProps<T>;
}
export declare const GridColumn: <T = any>(props: GridColumnProps<T>) => import("react/jsx-runtime").JSX.Element;
export {};