import React from "react";
import { type VariantProps } from "tailwind-variants";
import { FlexCenterProps } from "../FlexCenter";
declare const tableCellVariants: 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>>;
export type TableCellProps = {
    role?: "cell" | "columnheader";
    /**
     * Set to a number to make the cell horizontally sticky. ex. for horizontal scrolling
     */
    stickyLeft?: number;
} & VariantProps<typeof tableCellVariants> & FlexCenterProps;
export declare const TableCell: React.ForwardRefExoticComponent<{
    role?: "cell" | "columnheader";
    /**
     * Set to a number to make the cell horizontally sticky. ex. for horizontal scrolling
     */
    stickyLeft?: number;
} & 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 & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=TableCell.d.ts.map