Order Book

'use client'

import * as React from 'react'
import { useVirtualizer } from '@tanstack/react-virtual'
import { cn } from '@/lib/utils'

export interface OrderBookLevel {
  price: number
  amount: number
}

export interface OrderBookProps {
  bids: OrderBookLevel[]
  asks: OrderBookLevel[]
  displayDepth?: number
  showCumulative?: boolean
  priceDecimals?: number
  amountDecimals?: number
  rowsVisible?: number
  className?: string
}

// Virtualized depth ladder: asks (red) on top, spread row, bids (green) on
// bottom. Each side sizes to its content; pass rowsVisible to cap a side's
// height and let it scroll.