import { useState } from 'react'
import reactLogo from './assets/react.svg'
import './App.css'
function App() {
const [count, setCount] = useState(0)
const animeList = [" Death Note"," Attack on Titan"," Naruto / Naruto Shippuden"," Boruto"," Hunter X Hunter"," Full Metal Alchemist: Brotherhood"," Death Parade"," One Punch Man"," Tokyo Ghoul"," Mob Psycho 100"," Cowboy Beebop"," Spy X Family"]
const movieList = ["Your Name"," A Sient Voice","The Garden of Words"]
return (
<div className="App">
<h1>Anime Watchlist</h1>
<table>
<tbody>
<tr>
<th>
Anime
</th>
<th>
Movies
</th>
</tr>
{
animeList.map((name,key) => {
return (
<tr key={key}>
<td>{name}</td>
</tr>
)
}
)
}
{
movieList.map((name,key) => {
return (
<tr key={key}>
<td>{name}</td>
</tr>
)
}
)
}
</tbody>
</table>
<p className="read-the-docs">
Click on the Vite and React logos to learn more
</p>
</div>
)
}
export default App