/**
 * Primitives for `Card` — `CardHeader`, `CardContent`, `CardFooter` are also public (semantic choices); `CardRoot`, `CardTitle`, `CardDescription`, `CardMedia` are here only.
 *
 * @example
 * ```tsx
 * import { CardRoot, CardMedia, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@skdx/react/primitives/card';
 *
 * <CardRoot>
 *   <CardMedia>
 *     <img src="/cover.jpg" alt="" />
 *   </CardMedia>
 *   <CardHeader>
 *     <CardTitle>Project Alpha</CardTitle>
 *     <CardDescription>Last updated 2 days ago</CardDescription>
 *   </CardHeader>
 *   <CardContent>Details about the project go here.</CardContent>
 *   <CardFooter>
 *     <button type="button">View</button>
 *   </CardFooter>
 * </CardRoot>
 * ```
 */
export { CardRoot } from './Card.js';
export { CardMedia } from './CardMedia.js';
export { CardHeader } from './CardHeader.js';
export { CardTitle } from './CardTitle.js';
export { CardDescription } from './CardDescription.js';
export { CardContent } from './CardContent.js';
export { CardFooter } from './CardFooter.js';
export type { CardRootProps, CardMediaProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from './types.js';