{
  "name": "price-range",
  "title": "PriceRange",
  "description": "Displays min-max price range for products with variants or tiers.",
  "type": "component",
  "registryDependencies": [],
  "files": [
    {
      "path": "price-range.tsx",
      "content": "\"use client\";\n\nimport React from \"react\";\nimport type { Product, ProductWithDetails } from \"@cimplify/sdk\";\nimport type { CurrencyCode } from \"@cimplify/sdk\";\nimport { getPriceRange, formatPriceRange, getProductCurrency } from \"@cimplify/sdk\";\n\nexport interface PriceRangeProps {\n  product: Product | ProductWithDetails;\n  currency?: CurrencyCode;\n  className?: string;\n}\n\nexport function PriceRange({ product, currency, className }: PriceRangeProps): React.ReactElement | null {\n  const resolvedCurrency = currency ?? getProductCurrency(product);\n  const range = getPriceRange(product);\n\n  if (!range) return null;\n\n  return (\n    <span data-cimplify-price-range className={className}>\n      {formatPriceRange(range.min, range.max, resolvedCurrency)}\n    </span>\n  );\n}\n"
    }
  ]
}