import { Sparkles } from 'lucide-react';
import { PageHeader } from '@/components/ui/PageHeader';
import { Placeholder } from '@/components/ui/Placeholder';

export function StoryPage() {
  return (
    <div>
      <PageHeader title="Story" subtitle="A data-driven look back, powered by StatsBomb open data." />
      <Placeholder icon={<Sparkles size={28} />}>
        Shot maps, pass networks and xG races arrive in Phase 3.
      </Placeholder>
    </div>
  );
}