Yaltopia-FIFA/components/ui/glass-card.tsx
Kirubel-Kibru-Yaltopia 89440985f1
Some checks failed
Deploy to Cloudflare Workers / deploy (push) Has been cancelled
x
2026-05-24 21:46:10 +03:00

45 lines
1.0 KiB
TypeScript

import { cn } from "@/lib/utils";
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card";
interface GlassCardProps extends React.HTMLAttributes<HTMLDivElement> {
highlight?: boolean;
title?: string;
description?: string;
}
/** @deprecated Prefer Card directly — kept for gradual migration */
export function GlassCard({
className,
highlight,
title,
description,
children,
...props
}: GlassCardProps) {
return (
<Card
className={cn(
highlight && "border-[color-mix(in_oklab,var(--chart-1)_35%,var(--border))]",
className
)}
{...props}
>
{(title || description) && (
<CardHeader className="pb-3">
{title && <CardTitle>{title}</CardTitle>}
{description && <CardDescription>{description}</CardDescription>}
</CardHeader>
)}
<CardContent className={title || description ? undefined : "pt-6"}>
{children}
</CardContent>
</Card>
);
}