import { Radar } from 'lucide-react'
import { Panel } from '../components/ui'

export function Placeholder({ title, blurb }: { title: string; blurb: string }) {
  return (
    <Panel className="grid place-items-center py-24 text-center">
      <Radar size={36} className="text-blue-soft" />
      <h2 className="mt-4 text-xl font-bold">{title}</h2>
      <p className="mt-1 max-w-md text-sm text-muted">{blurb}</p>
      <span className="mt-3 rounded-full border border-line/70 px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-gold">
        Roadmap · v2.0
      </span>
    </Panel>
  )
}