@buddhacognitivelab/theme-glassmorphic/dist/components/Card/Card.d.ts

Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions

/**
 * @fileoverview Glassmorphic Card Component
 * A card component with glassmorphic styling and flexible content areas
 */
import React from 'react';
import type { GlassIntensity } from '../../types/theme';
export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onAnimationStart' | 'onDrag'> {
    /** Glass effect intensity */
    glassIntensity?: GlassIntensity;
    /** Whether card should have hover effects */
    hoverable?: boolean;
    /** Whether card should be clickable */
    clickable?: boolean;
    /** Padding size */
    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
    /** Border radius size */
    borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
    /** Custom className */
    className?: string;
    /** Children content */
    children?: React.ReactNode;
    /** Click handler */
    onClick?: () => void;
}
export interface CardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
    /** Header title */
    title?: React.ReactNode;
    /** Header subtitle */
    subtitle?: React.ReactNode;
    /** Header actions */
    actions?: React.ReactNode;
    /** Custom className */
    className?: string;
    /** Children content */
    children?: React.ReactNode;
}
export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Custom className */
    className?: string;
    /** Children content */
    children?: React.ReactNode;
}
export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Custom className */
    className?: string;
    /** Children content */
    children?: React.ReactNode;
}
/**
 * Card Header Component
 */
export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Card Content Component
 */
export declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Card Footer Component
 */
export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Glassmorphic Card Component
 */
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
export default Card;