import { Search } from 'lucide-react';

interface MediaEmptyStateProps {
    title: string;
    description: string;
}

/** Placeholder saat tidak ada folder/file media yang cocok. */
export function MediaEmptyState({ title, description }: MediaEmptyStateProps) {
    return (
        <div className="flex flex-col items-center justify-center rounded-2xl border-2 border-dashed p-20 text-center">
            <div className="mb-4 rounded-full bg-muted p-6">
                <Search className="text-muted-foreground" size={40} />
            </div>
            <h3 className="text-xl font-bold">{title}</h3>
            <p className="mt-1 text-muted-foreground">{description}</p>
        </div>
    );
}