import { type ComponentProps, type FC } from 'react'; import { type VariantProps } from 'tailwind-variants'; import { Base } from '../Base'; type AbstractProps = Omit, 'radius' | 'layer'> & VariantProps; type Props = AbstractProps & Omit, keyof AbstractProps>; declare const classNameGenerator: import("tailwind-variants").TVReturnType<{ bgColor: { readonly BACKGROUND: "shr-bg-background"; readonly COLUMN: "shr-bg-column"; readonly BASE_GREY: "shr-bg-base-grey"; readonly OVER_BACKGROUND: "shr-bg-over-background"; readonly HEAD: "shr-bg-head"; readonly BORDER: "shr-bg-[theme(colors.grey.20)]"; readonly ACTION_BACKGROUND: "shr-bg-action-background"; readonly WHITE: "shr-bg-white"; readonly GREY_5: "shr-bg-[theme(colors.grey.5)]"; readonly GREY_6: "shr-bg-[theme(colors.grey.6)]"; readonly GREY_7: "shr-bg-[theme(colors.grey.7)]"; readonly GREY_9: "shr-bg-[theme(colors.grey.9)]"; readonly GREY_20: "shr-bg-[theme(colors.grey.20)]"; }; rounded: { true: string; all: string; top: string; right: string; bottom: string; left: string; }; }, undefined, "shr-rounded-[unset]", import("tailwind-variants/dist/config").TVConfig<{ bgColor: { readonly BACKGROUND: "shr-bg-background"; readonly COLUMN: "shr-bg-column"; readonly BASE_GREY: "shr-bg-base-grey"; readonly OVER_BACKGROUND: "shr-bg-over-background"; readonly HEAD: "shr-bg-head"; readonly BORDER: "shr-bg-[theme(colors.grey.20)]"; readonly ACTION_BACKGROUND: "shr-bg-action-background"; readonly WHITE: "shr-bg-white"; readonly GREY_5: "shr-bg-[theme(colors.grey.5)]"; readonly GREY_6: "shr-bg-[theme(colors.grey.6)]"; readonly GREY_7: "shr-bg-[theme(colors.grey.7)]"; readonly GREY_9: "shr-bg-[theme(colors.grey.9)]"; readonly GREY_20: "shr-bg-[theme(colors.grey.20)]"; }; rounded: { true: string; all: string; top: string; right: string; bottom: string; left: string; }; }, { bgColor: { readonly BACKGROUND: "shr-bg-background"; readonly COLUMN: "shr-bg-column"; readonly BASE_GREY: "shr-bg-base-grey"; readonly OVER_BACKGROUND: "shr-bg-over-background"; readonly HEAD: "shr-bg-head"; readonly BORDER: "shr-bg-[theme(colors.grey.20)]"; readonly ACTION_BACKGROUND: "shr-bg-action-background"; readonly WHITE: "shr-bg-white"; readonly GREY_5: "shr-bg-[theme(colors.grey.5)]"; readonly GREY_6: "shr-bg-[theme(colors.grey.6)]"; readonly GREY_7: "shr-bg-[theme(colors.grey.7)]"; readonly GREY_9: "shr-bg-[theme(colors.grey.9)]"; readonly GREY_20: "shr-bg-[theme(colors.grey.20)]"; }; rounded: { true: string; all: string; top: string; right: string; bottom: string; left: string; }; }>, { bgColor: { readonly BACKGROUND: "shr-bg-background"; readonly COLUMN: "shr-bg-column"; readonly BASE_GREY: "shr-bg-base-grey"; readonly OVER_BACKGROUND: "shr-bg-over-background"; readonly HEAD: "shr-bg-head"; readonly BORDER: "shr-bg-[theme(colors.grey.20)]"; readonly ACTION_BACKGROUND: "shr-bg-action-background"; readonly WHITE: "shr-bg-white"; readonly GREY_5: "shr-bg-[theme(colors.grey.5)]"; readonly GREY_6: "shr-bg-[theme(colors.grey.6)]"; readonly GREY_7: "shr-bg-[theme(colors.grey.7)]"; readonly GREY_9: "shr-bg-[theme(colors.grey.9)]"; readonly GREY_20: "shr-bg-[theme(colors.grey.20)]"; }; rounded: { true: string; all: string; top: string; right: string; bottom: string; left: string; }; }, undefined, import("tailwind-variants").TVReturnType<{ bgColor: { readonly BACKGROUND: "shr-bg-background"; readonly COLUMN: "shr-bg-column"; readonly BASE_GREY: "shr-bg-base-grey"; readonly OVER_BACKGROUND: "shr-bg-over-background"; readonly HEAD: "shr-bg-head"; readonly BORDER: "shr-bg-[theme(colors.grey.20)]"; readonly ACTION_BACKGROUND: "shr-bg-action-background"; readonly WHITE: "shr-bg-white"; readonly GREY_5: "shr-bg-[theme(colors.grey.5)]"; readonly GREY_6: "shr-bg-[theme(colors.grey.6)]"; readonly GREY_7: "shr-bg-[theme(colors.grey.7)]"; readonly GREY_9: "shr-bg-[theme(colors.grey.9)]"; readonly GREY_20: "shr-bg-[theme(colors.grey.20)]"; }; rounded: { true: string; all: string; top: string; right: string; bottom: string; left: string; }; }, undefined, "shr-rounded-[unset]", import("tailwind-variants/dist/config").TVConfig<{ bgColor: { readonly BACKGROUND: "shr-bg-background"; readonly COLUMN: "shr-bg-column"; readonly BASE_GREY: "shr-bg-base-grey"; readonly OVER_BACKGROUND: "shr-bg-over-background"; readonly HEAD: "shr-bg-head"; readonly BORDER: "shr-bg-[theme(colors.grey.20)]"; readonly ACTION_BACKGROUND: "shr-bg-action-background"; readonly WHITE: "shr-bg-white"; readonly GREY_5: "shr-bg-[theme(colors.grey.5)]"; readonly GREY_6: "shr-bg-[theme(colors.grey.6)]"; readonly GREY_7: "shr-bg-[theme(colors.grey.7)]"; readonly GREY_9: "shr-bg-[theme(colors.grey.9)]"; readonly GREY_20: "shr-bg-[theme(colors.grey.20)]"; }; rounded: { true: string; all: string; top: string; right: string; bottom: string; left: string; }; }, { bgColor: { readonly BACKGROUND: "shr-bg-background"; readonly COLUMN: "shr-bg-column"; readonly BASE_GREY: "shr-bg-base-grey"; readonly OVER_BACKGROUND: "shr-bg-over-background"; readonly HEAD: "shr-bg-head"; readonly BORDER: "shr-bg-[theme(colors.grey.20)]"; readonly ACTION_BACKGROUND: "shr-bg-action-background"; readonly WHITE: "shr-bg-white"; readonly GREY_5: "shr-bg-[theme(colors.grey.5)]"; readonly GREY_6: "shr-bg-[theme(colors.grey.6)]"; readonly GREY_7: "shr-bg-[theme(colors.grey.7)]"; readonly GREY_9: "shr-bg-[theme(colors.grey.9)]"; readonly GREY_20: "shr-bg-[theme(colors.grey.20)]"; }; rounded: { true: string; all: string; top: string; right: string; bottom: string; left: string; }; }>, unknown, unknown, undefined>>; export declare const BaseColumn: FC; export {};