22 أسطر
737 B
TypeScript
22 أسطر
737 B
TypeScript
import { Music2 } from "lucide-react";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
|
|
type EmptyStateProps = {
|
|
title: string;
|
|
description: string;
|
|
className?: string;
|
|
};
|
|
|
|
export function EmptyState({ title, description, className }: EmptyStateProps) {
|
|
return (
|
|
<div className={cn("ornament-grid shimmer-empty rounded-xl border border-dashed border-border p-8 text-center", className)}>
|
|
<div className="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-secondary text-primary">
|
|
<Music2 className="h-5 w-5" />
|
|
</div>
|
|
<h3 className="font-heading text-lg font-semibold">{title}</h3>
|
|
<p className="mx-auto mt-1 max-w-md text-sm text-muted-foreground">{description}</p>
|
|
</div>
|
|
);
|
|
}
|