import React from 'react'
import EpisodeList from './EpisodeList'
import Table from 'react-bootstrap/Table'
const Episodes = props => {
  const { episodes, fetchEpisodeComments } = props
  console.log(props)

  return (
    <Table striped bordered hover>
      <thead>
        <tr>
          <th>Episodes</th>
        </tr>
      </thead>
      <EpisodeList fetchEpisodeComments={fetchEpisodeComments} episodes={episodes} />
    </Table>
  )
}

export default Episodes