import { Link } from '@tanstack/react-router';
import { CheckCircle } from 'lucide-react';
import { useTranslation } from 'react-i18next';
import { Button } from '@/components/ui/button';

export function TaskBriefEmptyState() {
  const { t } = useTranslation();
  return (
    <div className="flex flex-col items-center justify-center h-full gap-4 text-center px-8">
      <CheckCircle size={40} className="text-muted-foreground/50" />
      <div className="space-y-1">
        <p className="font-medium text-foreground">{t('brief.empty.title')}</p>
        <p className="text-sm text-muted-foreground">{t('brief.empty.description')}</p>
      </div>
      <Button variant="outline" size="sm" asChild>
        <Link to="/tasks">{t('brief.empty.cta')}</Link>
      </Button>
    </div>
  );
}
