import { Folder } from 'lucide-react';
import { ConnectCTA } from '@/components/ConnectCTA';

interface BucketEmptyStateProps {
  searchTerm: string;
}

export function BucketEmptyState({ searchTerm }: BucketEmptyStateProps) {
  return (
    <div className="flex flex-col items-center justify-center py-4 text-center">
      <Folder className="h-10 w-10 text-gray-400 dark:text-neutral-600 mb-3" />
      <p className="text-sm text-gray-600 dark:text-neutral-400 font-medium">
        {searchTerm ? 'No buckets found' : 'No buckets yet'}
      </p>
      {!searchTerm && (
        <p className="text-xs text-gray-500 dark:text-neutral-400 font-medium mt-1 mx-10">
          <ConnectCTA fallback="Create your first bucket to get started" />
        </p>
      )}
    </div>
  );
}