1import { Badge } from './badge';2import './pricing-card.css';3 4interface PlanProps {5  name: string;6  price: number;7  features: string[];8  featured?: boolean;9}10 11export function PricingCard({ name, price, features, featured = false }: PlanProps) {12  return (13    <article className={featured ? 'plan plan--featured' : 'plan'}>14      {featured && <Badge>Popular</Badge>}15      <h3>{name}</h3>16      <p className="plan__price">{price} €</p>17      <ul>18        {features.map((f) => <li key={f}>{f}</li>)}19      </ul>20    </article>21  );22}