Files
gridpilot.gg/apps/website/components/feed/FeedEmptyState.tsx
2026-01-14 23:46:04 +01:00

25 lines
757 B
TypeScript

import Card from '@/ui/Card';
import Button from '@/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>
);
}