{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "bitcoin-explorer",
  "title": "Bitcoin explorer",
  "description": "A data-source-agnostic block explorer composition.",
  "registryDependencies": [
    "dennisonbertram/bitcoin-ui/bitcoin-ui"
  ],
  "files": [
    {
      "path": "components/examples/bitcoin-explorer.tsx",
      "content": "import type { ComponentProps } from \"react\";\n\nimport {\n  BitcoinSearch,\n  BlockList,\n  FeeEstimates,\n  MempoolMeter,\n  NetworkBadge,\n  NetworkStats,\n  TransactionRow,\n  type BitcoinSearchSubmit,\n  type NetworkStat,\n} from \"@/components/bitcoin\";\nimport type {\n  BitcoinBlock,\n  BitcoinNetwork,\n  BitcoinTransaction,\n  FeeEstimate,\n} from \"@/lib/bitcoin\";\nimport { cn } from \"@/lib/utils\";\n\nexport type BitcoinExplorerProps = Omit<ComponentProps<\"section\">, \"children\"> & {\n  network: BitcoinNetwork;\n  blocks: BitcoinBlock[];\n  transactions: BitcoinTransaction[];\n  stats: NetworkStat[];\n  feeEstimates: FeeEstimate[];\n  mempool: {\n    size: number;\n    transactionCount: number;\n    medianFeeRate: number;\n    capacity?: number;\n  };\n  onSearch: (search: BitcoinSearchSubmit) => void | Promise<void>;\n  heading?: string;\n  now?: number | Date;\n  unstyled?: boolean;\n};\n\n/**\n * A data-source-agnostic block explorer composition.\n *\n * Pass data from Bitcoin Core, Esplora, Electrum, or your own indexer. The\n * block performs no fetching and makes no trust assumptions.\n */\nexport function BitcoinExplorer({\n  network,\n  blocks,\n  transactions,\n  stats,\n  feeEstimates,\n  mempool,\n  onSearch,\n  heading = \"Bitcoin explorer\",\n  now,\n  unstyled,\n  className,\n  ...props\n}: BitcoinExplorerProps) {\n  return (\n    <section\n      data-slot=\"bitcoin-explorer\"\n      data-unstyled={unstyled || undefined}\n      className={cn(!unstyled && \"grid min-w-0 gap-8\", className)}\n      {...props}\n    >\n      <header\n        className={cn(\n          !unstyled &&\n            \"grid min-w-0 gap-5 border-b border-[var(--color-rule)] pb-6 md:grid-cols-[minmax(0,1fr)_auto] md:items-start\",\n        )}\n      >\n        <div>\n          <h1\n            className={cn(\n              !unstyled &&\n                \"text-3xl font-medium tracking-[-0.04em] [overflow-wrap:anywhere]\",\n            )}\n          >\n            {heading}\n          </h1>\n          <p\n            className={cn(\n              !unstyled && \"mt-2 text-sm text-[var(--color-muted)]\",\n            )}\n          >\n            Read chain state from your configured source.\n          </p>\n        </div>\n        <NetworkBadge network={network} unstyled={unstyled} />\n      </header>\n\n      <BitcoinSearch onSearch={onSearch} unstyled={unstyled} />\n      <NetworkStats stats={stats} unstyled={unstyled} />\n\n      <div\n        className={cn(\n          !unstyled &&\n            \"grid min-w-0 gap-6 xl:grid-cols-[minmax(0,1.3fr)_minmax(20rem,0.7fr)]\",\n        )}\n      >\n        <div\n          className={cn(\n            !unstyled &&\n              \"min-w-0 rounded-[var(--radius-lg)] border border-[var(--color-rule)] p-4 sm:p-6\",\n          )}\n        >\n          <h2 className={cn(!unstyled && \"mb-5 text-lg font-medium\")}>\n            Recent blocks\n          </h2>\n          <BlockList blocks={blocks} now={now} unstyled={unstyled} />\n        </div>\n        <div className={cn(!unstyled && \"grid content-start gap-4\")}>\n          <MempoolMeter {...mempool} unstyled={unstyled} />\n          <FeeEstimates\n            estimates={feeEstimates}\n            defaultSelectedBlocks={feeEstimates[0]?.blocks}\n            unstyled={unstyled}\n          />\n        </div>\n      </div>\n\n      <div>\n        <h2 className={cn(!unstyled && \"mb-2 text-lg font-medium\")}>\n          Recent transactions\n        </h2>\n        {transactions.map((transaction) => (\n          <TransactionRow\n            key={transaction.txid}\n            transaction={transaction}\n            now={now}\n            unstyled={unstyled}\n          />\n        ))}\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}