import {FunctionComponent} from 'react'

const BookList: FunctionComponent = () => {
  return (
    <>
      <div className="header">
        <h2>Genres:</h2>
        <select>
          <option value="All">All</option>
          {/* Vul verder aan met options voor de rest van de genres.  */}
        </select>

        <button>+ Add new book</button>
      </div>

      <div className="book-list">
        <p>No books found yet</p>
      </div>
    </>
  )
}

export default BookList
