import Iframe from 'react-iframe'

const Options: 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/options/btc-put-call-ratio/embed"
            title="BTC Put/Call Ratio"
          ></Iframe>
        </div>
        <div>
          <Iframe
            width="100%"
            height="420"
            url="https://embed.theblockcrypto.com/data/crypto-markets/options/open-interest-put-call-ratio/embed"
            title="Open Interest Put/Call Ratio"
          ></Iframe>
        </div>

        <div>
          <Iframe
            width="100%"
            height="420"
            url="https://embed.theblockcrypto.com/data/crypto-markets/options/volume-of-bitcoin-options/embed"
            title="Volume of Bitcoin Options"
          ></Iframe>
        </div>
      </div>
    </>
  )
}

export default Options
