Order Book

'use client'

import * as React from 'react'
import { cn } from '@/lib/utils'

export interface OrderBookLevel {
  price: number
  amount: number
  total?: number
}

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

// Presentational depth view: asks on top, bids on bottom, spread row between.
// Depth bars are scaled to the largest total across both sides.