import Card from '@/components/ui/Card';
import Button from '@/components/ui/Button';

export default function FeedEmptyState() {
  return (
    <Card className="bg-iron-gray/80 border-dashed border-charcoal-outline text-center py-10">
      <div className="text-3xl mb-3">🏁</div>
      <h3 className="text-lg font-semibold text-white mb-2">
        Your feed is warming up
      </h3>
      <p className="text-sm text-gray-400 mb-4 max-w-md mx-auto">
        As leagues, teams, and friends start racing, this feed will show their latest results,
        signups, and highlights.
      </p>
      <Button
        as="a"
        href="/leagues"
        variant="secondary"
        className="text-xs px-4 py-2"
      >
        Explore leagues
      </Button>
    </Card>
  );
}