{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "halving-countdown",
  "title": "Halving countdown",
  "description": "Block-based halving countdown and subsidy context.",
  "registryDependencies": [
    "dennisonbertram/bitcoin-ui/bitcoin-core",
    "dennisonbertram/bitcoin-ui/bitcoin-theme"
  ],
  "files": [
    {
      "path": "components/bitcoin/halving-countdown.tsx",
      "content": "import type { ComponentProps } from \"react\";\n\nimport { formatBlockHeight } from \"@/lib/bitcoin\";\nimport { componentClasses } from \"@/lib/utils\";\n\nimport { panelStyles, type BitcoinVisualProps } from \"./shared\";\n\nexport type HalvingCountdownProps = Omit<\n  ComponentProps<\"section\">,\n  \"children\"\n> &\n  BitcoinVisualProps & {\n    currentHeight: number;\n    halvingHeight: number;\n    estimatedDate?: string;\n    currentSubsidy?: number;\n  };\n\nexport function HalvingCountdown({\n  currentHeight,\n  halvingHeight,\n  estimatedDate,\n  currentSubsidy = 3.125,\n  unstyled,\n  className,\n  ...props\n}: HalvingCountdownProps) {\n  const remaining = Math.max(0, halvingHeight - currentHeight);\n  const nextSubsidy = currentSubsidy / 2;\n\n  return (\n    <section\n      data-slot=\"halving-countdown\"\n      data-unstyled={unstyled || undefined}\n      aria-label=\"Bitcoin halving countdown\"\n      className={componentClasses(\n        unstyled,\n        [panelStyles, \"grid gap-5 p-5\"],\n        className,\n      )}\n      {...props}\n    >\n      <div>\n        <p\n          className={componentClasses(\n            unstyled,\n            \"text-xs text-[var(--color-muted)]\",\n          )}\n        >\n          Next halving\n        </p>\n        <p\n          data-slot=\"halving-countdown-blocks\"\n          className={componentClasses(\n            unstyled,\n            \"mt-2 font-mono text-3xl font-medium tabular-nums tracking-[-0.04em]\",\n          )}\n        >\n          {formatBlockHeight(remaining)}\n          <span\n            className={componentClasses(\n              unstyled,\n              \"ml-2 font-sans text-sm font-normal tracking-normal text-[var(--color-muted)]\",\n            )}\n          >\n            blocks\n          </span>\n        </p>\n      </div>\n      <dl\n        className={componentClasses(\n          unstyled,\n          \"grid grid-cols-2 gap-4 border-t border-[var(--color-rule-subtle)] pt-4\",\n        )}\n      >\n        <div>\n          <dt\n            className={componentClasses(\n              unstyled,\n              \"text-xs text-[var(--color-muted)]\",\n            )}\n          >\n            Target height\n          </dt>\n          <dd\n            className={componentClasses(\n              unstyled,\n              \"mt-1 font-mono text-sm font-medium tabular-nums\",\n            )}\n          >\n            {formatBlockHeight(halvingHeight)}\n          </dd>\n        </div>\n        <div>\n          <dt\n            className={componentClasses(\n              unstyled,\n              \"text-xs text-[var(--color-muted)]\",\n            )}\n          >\n            Next subsidy\n          </dt>\n          <dd\n            className={componentClasses(\n              unstyled,\n              \"mt-1 font-mono text-sm font-medium tabular-nums\",\n            )}\n          >\n            {nextSubsidy} BTC\n          </dd>\n        </div>\n      </dl>\n      {estimatedDate ? (\n        <p\n          className={componentClasses(\n            unstyled,\n            \"text-xs text-[var(--color-muted)]\",\n          )}\n        >\n          Estimated {estimatedDate}. Block time is probabilistic.\n        </p>\n      ) : null}\n    </section>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}