import SpotifyPlayer from 'react-spotify-player';
import AboutLink from '../components/about-link';
import NextEpisode from '../components/next-episode';

export default function Home() {
  return (
    <div className="flex flex-col content-around justify-around md:grid md:grid-flow-col md:grid-cols-2 ">
      <article className="p-1">
        <SpotifyPlayer
          uri="spotify:episode:0nzzRPNa4j01gl0limItJG"
          size={{
            height: '100%',
            width: '100%'
          }}
          view='coverart'
          theme='black'
        />
      </article>
      <article className="p-1">
        <NextEpisode />
      </article>
      <article className="p-1">
        <AboutLink />
      </article>
    </div>
  )
}
