import * as tailwind_variants from 'tailwind-variants'; import { VariantProps } from 'tailwind-variants'; import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config'; /** * Card **Tailwind Variants** component * * @example * ```js * const {base, header, body, footer} = card({...}) * *
*
Header
*
Body
*
Footer
*
* ``` */ declare const card: tailwind_variants.TVReturnType<{ variant: { solid: ""; bordered: "border-tiny bg-transparent"; light: "bg-transparent"; flat: ""; faded: "border-tiny"; shadow: ""; ghost: "border-tiny bg-transparent"; }; color: { default: "#999"; primary: "#40F0C1"; secondary: "#2C3D2F"; success: ""; warning: ""; danger: ""; }; shadow: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; }; radius: { none: { base: string; header: string; footer: string; }; sm: { base: string; header: string; footer: string; }; md: { base: string; header: string; footer: string; }; lg: { base: string; header: string; footer: string; }; }; fullWidth: { true: { base: string; }; }; isHoverable: { true: { base: string; }; }; isPressable: { true: { base: string; }; }; isBlurred: { true: { base: string[]; }; }; isFooterBlurred: { true: { footer: string[]; }; }; isDisabled: { true: { base: string; }; }; disableAnimation: { true: ""; false: { base: string; }; }; }, { base: string[]; header: string[]; body: string[]; footer: string[]; }, undefined, tailwind_variants_dist_config.TVConfig<{ variant: { solid: ""; bordered: "border-tiny bg-transparent"; light: "bg-transparent"; flat: ""; faded: "border-tiny"; shadow: ""; ghost: "border-tiny bg-transparent"; }; color: { default: "#999"; primary: "#40F0C1"; secondary: "#2C3D2F"; success: ""; warning: ""; danger: ""; }; shadow: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; }; radius: { none: { base: string; header: string; footer: string; }; sm: { base: string; header: string; footer: string; }; md: { base: string; header: string; footer: string; }; lg: { base: string; header: string; footer: string; }; }; fullWidth: { true: { base: string; }; }; isHoverable: { true: { base: string; }; }; isPressable: { true: { base: string; }; }; isBlurred: { true: { base: string[]; }; }; isFooterBlurred: { true: { footer: string[]; }; }; isDisabled: { true: { base: string; }; }; disableAnimation: { true: ""; false: { base: string; }; }; }, { variant: { solid: ""; bordered: "border-tiny bg-transparent"; light: "bg-transparent"; flat: ""; faded: "border-tiny"; shadow: ""; ghost: "border-tiny bg-transparent"; }; color: { default: "#999"; primary: "#40F0C1"; secondary: "#2C3D2F"; success: ""; warning: ""; danger: ""; }; shadow: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; }; radius: { none: { base: string; header: string; footer: string; }; sm: { base: string; header: string; footer: string; }; md: { base: string; header: string; footer: string; }; lg: { base: string; header: string; footer: string; }; }; fullWidth: { true: { base: string; }; }; isHoverable: { true: { base: string; }; }; isPressable: { true: { base: string; }; }; isBlurred: { true: { base: string[]; }; }; isFooterBlurred: { true: { footer: string[]; }; }; isDisabled: { true: { base: string; }; }; disableAnimation: { true: ""; false: { base: string; }; }; }>, { variant: { solid: ""; bordered: "border-tiny bg-transparent"; light: "bg-transparent"; flat: ""; faded: "border-tiny"; shadow: ""; ghost: "border-tiny bg-transparent"; }; color: { default: "#999"; primary: "#40F0C1"; secondary: "#2C3D2F"; success: ""; warning: ""; danger: ""; }; shadow: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; }; radius: { none: { base: string; header: string; footer: string; }; sm: { base: string; header: string; footer: string; }; md: { base: string; header: string; footer: string; }; lg: { base: string; header: string; footer: string; }; }; fullWidth: { true: { base: string; }; }; isHoverable: { true: { base: string; }; }; isPressable: { true: { base: string; }; }; isBlurred: { true: { base: string[]; }; }; isFooterBlurred: { true: { footer: string[]; }; }; isDisabled: { true: { base: string; }; }; disableAnimation: { true: ""; false: { base: string; }; }; }, { base: string[]; header: string[]; body: string[]; footer: string[]; }, tailwind_variants.TVReturnType<{ variant: { solid: ""; bordered: "border-tiny bg-transparent"; light: "bg-transparent"; flat: ""; faded: "border-tiny"; shadow: ""; ghost: "border-tiny bg-transparent"; }; color: { default: "#999"; primary: "#40F0C1"; secondary: "#2C3D2F"; success: ""; warning: ""; danger: ""; }; shadow: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; }; radius: { none: { base: string; header: string; footer: string; }; sm: { base: string; header: string; footer: string; }; md: { base: string; header: string; footer: string; }; lg: { base: string; header: string; footer: string; }; }; fullWidth: { true: { base: string; }; }; isHoverable: { true: { base: string; }; }; isPressable: { true: { base: string; }; }; isBlurred: { true: { base: string[]; }; }; isFooterBlurred: { true: { footer: string[]; }; }; isDisabled: { true: { base: string; }; }; disableAnimation: { true: ""; false: { base: string; }; }; }, { base: string[]; header: string[]; body: string[]; footer: string[]; }, undefined, tailwind_variants_dist_config.TVConfig<{ variant: { solid: ""; bordered: "border-tiny bg-transparent"; light: "bg-transparent"; flat: ""; faded: "border-tiny"; shadow: ""; ghost: "border-tiny bg-transparent"; }; color: { default: "#999"; primary: "#40F0C1"; secondary: "#2C3D2F"; success: ""; warning: ""; danger: ""; }; shadow: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; }; radius: { none: { base: string; header: string; footer: string; }; sm: { base: string; header: string; footer: string; }; md: { base: string; header: string; footer: string; }; lg: { base: string; header: string; footer: string; }; }; fullWidth: { true: { base: string; }; }; isHoverable: { true: { base: string; }; }; isPressable: { true: { base: string; }; }; isBlurred: { true: { base: string[]; }; }; isFooterBlurred: { true: { footer: string[]; }; }; isDisabled: { true: { base: string; }; }; disableAnimation: { true: ""; false: { base: string; }; }; }, { variant: { solid: ""; bordered: "border-tiny bg-transparent"; light: "bg-transparent"; flat: ""; faded: "border-tiny"; shadow: ""; ghost: "border-tiny bg-transparent"; }; color: { default: "#999"; primary: "#40F0C1"; secondary: "#2C3D2F"; success: ""; warning: ""; danger: ""; }; shadow: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; }; radius: { none: { base: string; header: string; footer: string; }; sm: { base: string; header: string; footer: string; }; md: { base: string; header: string; footer: string; }; lg: { base: string; header: string; footer: string; }; }; fullWidth: { true: { base: string; }; }; isHoverable: { true: { base: string; }; }; isPressable: { true: { base: string; }; }; isBlurred: { true: { base: string[]; }; }; isFooterBlurred: { true: { footer: string[]; }; }; isDisabled: { true: { base: string; }; }; disableAnimation: { true: ""; false: { base: string; }; }; }>, unknown, unknown, undefined>>; type CardVariantProps = VariantProps; type CardSlots = keyof ReturnType; type CardReturnType = ReturnType; export { CardReturnType, CardSlots, CardVariantProps, card };