- {tab === "overview" && (
-
-
- {component.description}
-
-
- {component.frameworks.map((fw) => (
-
- {fw}
-
- ))}
-
-
-
-
- 0
- ? t("portal.catalogue.detail.stats.freeQuotaValue", {
- amount: component.pricing.freeQuota.toLocaleString(),
- })
- : t("portal.catalogue.detail.stats.none")
- }
- />
-
-
-
- )}
-
- {tab === "code" && (
-
-
-
-
- )}
-
- {tab === "props" &&
}
-
- {tab === "pricing" && (
-
-
-
-
- 0
- ? t("portal.catalogue.detail.stats.freeQuotaValue", {
- amount: component.pricing.freeQuota.toLocaleString(),
- })
- : t("portal.catalogue.detail.stats.none")
- }
- />
-
-
- {t("portal.catalogue.detail.pricing.note", {
- unit: t(BILLING_UNIT_LABEL[component.pricing.unit]),
- })}
-
-
- )}
-
-