import Iframe from 'react-iframe'

const Spot: React.FC = () => {
  return (
    <>
      <div className="sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 container grid gap-8 pt-6 mx-auto">
        <div>
          <Iframe
            width="100%"
            height="420"
            url="https://embed.theblockcrypto.com/data/crypto-markets/spot/bid-ask-spread-btc-usd/embed"
            title="Bid-Ask Spread (BTC/USD, BPS)"
          ></Iframe>
        </div>
        <div>
          <Iframe
            width="100%"
            height="420"
            url="https://embed.theblockcrypto.com/data/crypto-markets/spot/slippage-for-100k-sell-order-btc-usd/embed"
            title="Slippage for $100k Sell Order (BTC/USD, BPS)"
          ></Iframe>
        </div>
      </div>
    </>
  )
}

export default Spot
