'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">
          No policy settings available. Trigger a sync to import policies from Intune.
        </p>
      )}
    </div>
  );
}