import { useAuctionState } from '@public-assembly/builder-utils'

import { useAuctionState } from '@public-assembly/builder-utils'
 
function App() {
  const { tokenId, highestBid, highestBidder, startTime, endTime, settled } =
    useAuctionState()
 
  return (
    <>
      <p>Latest minted token: {tokenId}</p>
      <p>Highest bid: {highestBid}</p>
      <p>Highest bidder: {highestBidder}</p>
      <p>Auction start time: {startTime}</p>
      <p>Auction end time: {endTime}</p>
      <p>Has the auction been settled?: {settled}</p>
    </>
  )
}

{
  auctionState: {
    tokenId: number
    highestBid: string || ''
    highestBidder: `0x${string}`
    startTime: number
    endTime: number
    settled: boolean
  }
}