/**
* @usevyre/react — Card
*
* AI CONTEXT:
* ┌─────────────────────────────────────────────────────────┐
* │ Component: Card + CardHeader + CardBody + CardFooter │
* │ Import: import { Card, CardBody, ... } from "@usevyre/react" │
* │ │
* │ Card props: │
* │ variant = "default"|"elevated"|"outlined"| │
* │ "ghost"|"accent" │
* │ hoverable = boolean (adds hover transition) │
* │ clickable = boolean (cursor pointer + hover) │
* │ │
* │ Slot structure: │
* │ │
* │ ← optional │
* │ ← main content │
* │ ← optional, actions │
* │ │
* └─────────────────────────────────────────────────────────┘
*
* @example
*
*
* Component
*
*
* Card Title
* Card description text.
*
*
*
*
*
*/
import React from "react";
import type { BaseProps } from "../../types";
type CardVariant = "default" | "elevated" | "outlined" | "ghost" | "accent";
export interface CardProps extends React.HTMLAttributes, BaseProps {
variant?: CardVariant;
hoverable?: boolean;
clickable?: boolean;
}
export declare const Card: React.ForwardRefExoticComponent>;
export interface CardSectionProps extends React.HTMLAttributes, BaseProps {
}
export declare const CardHeader: React.ForwardRefExoticComponent>;
export declare const CardBody: React.ForwardRefExoticComponent>;
export declare const CardFooter: React.ForwardRefExoticComponent>;
export {};