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 };