import { useState } from 'react'
import styles from '../styles/Radio.module.scss'

import Submenu from './Submenu'
import Search from './Search'
import List from './List'

const App = () => {
  const [enqueue, setEnqueue] = useState(false)
  const [results, setResults] = useState()

  return (
    <>
      <Submenu enqueue={enqueue} setEnqueue={setEnqueue} />
      <div className={styles.radio}>
        <Search setResults={setResults} />
        <List results={results} enqueue={enqueue} />
      </div>
    </>
  )
}

export default App