import { default as React } from 'react';
/**
 * Card component serves as a container for related content and actions
 * It provides a visually distinct container with borders and padding
 *
 * @returns The rendered Card component
 *
 * @example
 * ```tsx
 * // Default
 * function App() {
 *   return (
 *     <Card>
 *       <CardHeader>
 *         <CardTitle>Card Title</CardTitle>
 *         <CardDescription>Card Description</CardDescription>
 *       </CardHeader>
 *       <CardContent>
 *         Card Content
 *       </CardContent>
 *       <CardFooter>
 *         <Button>Button</Button>
 *       </CardFooter>
 *     </Card>
 *   );
 * }
 * ```
 */
declare const Card: React.FC<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
/**
 * CardHeader component for the top section of a card
 * Typically contains the title and description
 */
declare const CardHeader: React.FC<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
/**
 * CardTitle component for displaying the main heading of a card
 * Uses larger font size and semibold weight for emphasis
 */
declare const CardTitle: React.FC<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
/**
 * CardDescription component for secondary text below the title
 * Uses smaller font size and muted color for visual hierarchy
 */
declare const CardDescription: React.FC<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
/**
 * CardContent component for the main content area of a card
 * Provides a container for the primary content between header and footer
 */
declare const CardContent: React.FC<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
/**
 * CardFooter component for the bottom section of a card
 * Typically contains actions like buttons, aligned horizontally
 */
declare const CardFooter: React.FC<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
