import Head from 'next/head'
import { useRouter } from 'next/router'
import useSWR from 'swr'
import FilmCasts from '../../components/FilmCasts'
import FilmGenres from '../../components/FilmGenres'
import FilmHeading from '../../components/FilmHeading'
import FilmImage from '../../components/FilmImage'
import FilmInfo from '../../components/FilmInfo'
import FilmRating from '../../components/FilmRating'
import FilmResources from '../../components/FilmResources'
import FilmSynopsis from '../../components/FilmSynopsis'
import Loading from '../../components/Loading'
import SearchBar from '../../components/SearchBar'
import { fetcher, pathToSearchTV } from '../../utils'
import { renderLanguage, renderRating, renderStatus } from '../movie/[id]'
export default function TV() {
const router = useRouter()
const { id } = router.query
const { data: tv, error: tvError } = useSWR(`/api/tv/${id}`, fetcher)
if (tvError) return {tvError}
if (!tv) return {tvError}
return (
<>
{tv.detail.name} | Watcho
{tv ? (
) : (
)}
)
}