import Iframe from 'react-iframe'

const Prices: 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/prices/btc-pearson-correlation-30d/embed"
            title="BTC Pearson Correlation (30D)"
          ></Iframe>
        </div>
        <div>
          <Iframe
            width="100%"
            height="420"
            url="https://embed.theblockcrypto.com/data/crypto-markets/prices/annualized-btc-volatility-30d/embed"
            title="Annualized BTC Volatility (30D)"
          ></Iframe>
        </div>

        <div>
          <Iframe
            width="100%"
            height="420"
            url="https://embed.theblockcrypto.com/data/crypto-markets/prices/bitcoin-vs-defi-price-performance-1d/embed"
            title="Bitcoin vs DeFi Price Performance (1D)"
          ></Iframe>
        </div>
      </div>
    </>
  )
}

export default Prices
