@heroui/theme/dist/components/card.d.ts

The default theme for HeroUI components

import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';

/**
 * Card **Tailwind Variants** component
 *
 * @example
 * ```js
 * const {base, header, body, footer} = card({...})
 *
 * <div className={base()}>
 *    <div className={header()}>Header</div>
 *    <div className={body()}>Body</div>
 *    <div className={footer()}>Footer</div>
 * </div>
 * ```
 */
declare const card: tailwind_variants.TVReturnType<{
    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: string;
        false: {
            base: string;
        };
    };
}, {
    base: string[];
    header: string[];
    body: string[];
    footer: string[];
}, undefined, {
    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: string;
        false: {
            base: string;
        };
    };
}, {
    base: string[];
    header: string[];
    body: string[];
    footer: string[];
}, tailwind_variants.TVReturnType<{
    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: string;
        false: {
            base: string;
        };
    };
}, {
    base: string[];
    header: string[];
    body: string[];
    footer: string[];
}, undefined, unknown, unknown, undefined>>;
type CardVariantProps = VariantProps<typeof card>;
type CardSlots = keyof ReturnType<typeof card>;
type CardReturnType = ReturnType<typeof card>;

export { type CardReturnType, type CardSlots, type CardVariantProps, card };