import type { IElementRef } from '@melodicdev/core';
type CardVariant = 'default' | 'outlined' | 'elevated' | 'filled';
/**
 * ml-card - Container component for grouping content
 *
 * @example
 * ```html
 * <ml-card>
 *   <h3 slot="header">Card Title</h3>
 *   <p>Card content goes here</p>
 *   <div slot="footer">Card footer</div>
 * </ml-card>
 * ```
 *
 * @slot header - Card header content
 * @slot default - Main card content
 * @slot footer - Card footer content
 */
export declare class CardComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Card visual style */
    variant: CardVariant;
    /** Add hover effect */
    hoverable: boolean;
    /** Make card clickable */
    clickable: boolean;
    /** Internal: check if header slot has content */
    get hasHeader(): boolean;
    /** Internal: check if footer slot has content */
    get hasFooter(): boolean;
    handleClick: (event: MouseEvent) => void;
}
export {};
//# sourceMappingURL=card.component.d.ts.map