import React from "react";
export type TableHeaderProps = {
    className?: string;
    children: React.ReactNode;
};
type TableHeaderWrapperProps = {
    children: React.ReactNode;
    showBorder?: boolean;
};
export declare const TableHeaderWrapper: React.ForwardRefExoticComponent<TableHeaderWrapperProps & React.RefAttributes<HTMLDivElement>>;
/**
 * The header of the  Table. If you want to make it sticky, simply
 * add `sticky top-{number} z-[1]` to the `className` prop. It should be done using
 * className so we can modify it responsively.
 */
export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLDivElement>> & {
    Cell: <T>({ children, sort, className, ...cellProps }: {
        role?: "cell" | "columnheader";
        stickyLeft?: number;
    } & import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
        align: {
            left: string;
            center: string;
            right: string;
        };
    }, undefined, undefined, {
        align: {
            left: string;
            center: string;
            right: string;
        };
    }, undefined, import("tailwind-variants").TVReturnType<{
        align: {
            left: string;
            center: string;
            right: string;
        };
    }, undefined, undefined, unknown, unknown, undefined>>> & Omit<import("..").SlotProps<"div">, "height" | "width"> & import("../..").TextColorVariantProps & {
        sort?: (import("./TableHeaderCell").TableColumnSort<T> & {
            onSort: (newSort: import("./TableHeaderCell").TableColumnSort<T>) => void;
        }) | undefined;
    }) => React.JSX.Element;
};
export {};
//# sourceMappingURL=TableHeader.d.ts.map