export declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "body" | "caption" | "footer" | "header" | "cell" | "row" | "columnHeader", {
    interactive: {
        true: {
            body: {
                "& tr": {
                    _hover: {
                        bg: "colorPalette.subtle";
                    };
                };
            };
        };
    };
    stickyHeader: {
        true: {
            header: {
                "& :where(tr)": {
                    top: "var(--table-sticky-offset, 0)";
                    position: "sticky";
                    zIndex: number;
                };
            };
        };
    };
    striped: {
        true: {
            row: {
                "&:nth-of-type(odd) td": {
                    bg: "bg.muted";
                };
            };
        };
    };
    showColumnBorder: {
        true: {
            columnHeader: {
                "&:not(:last-of-type)": {
                    borderInlineEndWidth: "1px";
                };
            };
            cell: {
                "&:not(:last-of-type)": {
                    borderInlineEndWidth: "1px";
                };
            };
        };
    };
    variant: {
        line: {
            columnHeader: {
                borderBottomWidth: "1px";
            };
            cell: {
                borderBottomWidth: "1px";
            };
            row: {
                bg: "bg";
            };
        };
        outline: {
            root: {
                boxShadow: "0 0 0 1px {colors.border}";
                overflow: "hidden";
            };
            columnHeader: {
                borderBottomWidth: "1px";
            };
            header: {
                bg: "bg.muted";
            };
            row: {
                "&:not(:last-of-type)": {
                    borderBottomWidth: "1px";
                };
            };
            footer: {
                borderTopWidth: "1px";
            };
        };
    };
    size: {
        sm: {
            root: {
                textStyle: "sm";
            };
            columnHeader: {
                px: "200";
                py: "200";
            };
            cell: {
                px: "200";
                py: "200";
            };
        };
        md: {
            root: {
                textStyle: "sm";
            };
            columnHeader: {
                px: "300";
                py: "300";
            };
            cell: {
                px: "300";
                py: "300";
            };
        };
        lg: {
            root: {
                textStyle: "md";
            };
            columnHeader: {
                px: "400";
                py: "300";
            };
            cell: {
                px: "400";
                py: "300";
            };
        };
    };
}>;
