import type { Plan } from '@/lib/plans';
/** Paket özellikleri; henüz açılmamış olanlar soluk ve "Yakında" etiketli. */
export function PlanFeatures({ plan, className = '' }: { plan: Plan; className?: string }) {
  return (
    <ul className={`space-y-1 text-[12.5px] leading-snug ${className}`}>
      {plan.features.map((f) => <li key={f} className="flex gap-1.5"><span aria-hidden className="text-signal">✓</span><span>{f}</span></li>)}
      {plan.soon?.map((f) => (
        <li key={f} className="flex items-center gap-1.5 text-ink-soft/80"><span aria-hidden>○</span><span>{f}</span><span className="bg-paper-3 px-1 py-px font-narrow text-[10px] font-semibold uppercase tracking-[0.06em] text-ink-soft">Yakında</span></li>
      ))}
    </ul>
  );
}