ad427365c9
* feat(docs): add interactive examples and API references for Button, Card, and LoadingFallback components - Updated dependencies - Set `retries` to a fixed value of 3 for consistent test retries across environments. - Increased `timeout` from 60 seconds to 120 seconds to allow more time for tests to complete. - Reduced `expect` timeout from 10 seconds to 5 seconds for quicker feedback on assertions.
43 lines
853 B
TypeScript
43 lines
853 B
TypeScript
'use client';
|
|
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from '@kit/ui/card';
|
|
import { cn } from '@kit/ui/utils';
|
|
|
|
interface PreviewCardProps {
|
|
title?: string;
|
|
description?: string;
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
contentClassName?: string;
|
|
}
|
|
|
|
export function PreviewCard({
|
|
title = 'Preview',
|
|
description = 'Interactive component preview',
|
|
children,
|
|
className,
|
|
contentClassName,
|
|
}: PreviewCardProps) {
|
|
return (
|
|
<Card className={className}>
|
|
<CardHeader>
|
|
<CardTitle>{title}</CardTitle>
|
|
<CardDescription>{description}</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<div
|
|
className={cn('bg-muted/30 rounded-lg border p-6', contentClassName)}
|
|
>
|
|
{children}
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|