import React from 'react'
import { useWindowSize } from "usehooks-ts"

import HeaderDesktop from './components/HeaderDesktop'
import HeaderMobile from './components/HeaderMobile'

const Header = () => {
  const { width } = useWindowSize()

  return width > 768 ? <HeaderDesktop /> : <HeaderMobile />
}

export default Header