"use client";

interface EmptyStateProps {
    message?: string;
}

export default function EmptyState({ message }: EmptyStateProps) {
    return (
        <div className="flex flex-col items-center justify-center py-20 text-text-secondary">
            <svg
                className="w-12 h-12 mb-4 opacity-40"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
                strokeWidth={1.5}
            >
                <path
                    strokeLinecap="round"
                    strokeLinejoin="round"
                    d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
                />
            </svg>
            <h3 className="text-lg font-medium text-text-primary mb-1">
                No results found
            </h3>
            <p className="text-sm">
                {message ?? "Try adjusting your filters."}
            </p>
        </div>
    );
}