PricingTable

import { PricingTable } from "@eidondev/acme-ui/blocks";

// Celda: true → check · false/ausente → guion · nodo → valor libre ("10 GB")
<PricingTable
  period={period}
  featureColumnLabel="Características"
  plans={[
    { id: "starter", name: "Starter", price: "$0", priceSuffix: "/mes", cta: { label: "Empezar" } },
    { id: "pro", name: "Pro", badge: "Popular", highlighted: true,
      price: { monthly: "$29", annual: "$23" }, priceSuffix: "/mes", cta: { label: "Elegir Pro" } },
    { id: "business", name: "Business",
      price: { monthly: "$79", annual: "$63" }, priceSuffix: "/mes", cta: { label: "Elegir Business" } },
  ]}
  sections={[
    { label: "Uso", features: [
      { label: "Proyectos", values: { starter: "1", pro: "10", business: "Ilimitados" } },
      { label: "Roles y permisos", values: { starter: false, pro: true, business: true } },
    ] },
    { label: "Soporte", features: [
      { label: "Soporte prioritario 24/7", values: { starter: false, pro: false, business: true } },
    ] },
  ]}
/>