tenantpilot/components/search/EmptyState.tsx
2025-12-05 22:06:22 +01:00

26 lines
705 B
TypeScript

'use client';
import { SearchX } from 'lucide-react';
interface EmptyStateProps {
searchTerm?: string;
}
export function EmptyState({ searchTerm }: EmptyStateProps) {
return (
<div className="flex flex-col items-center justify-center py-12 text-center">
<SearchX className="h-12 w-12 text-muted-foreground mb-4" />
<h3 className="text-lg font-semibold mb-2">No results found</h3>
{searchTerm ? (
<p className="text-muted-foreground">
No policy settings found matching &quot;{searchTerm}&quot;
</p>
) : (
<p className="text-muted-foreground">
Enter a search term to find policy settings
</p>
)}
</div>
);
}