Passing props to child and parent

src/components/Team.jsx

@@ -1,12 +1,14 @@
 import React from 'react'
 
-export default function Team({ teams }) {
+export default function Team({ teams, select }) {
 	return (
 		<div className='teams'>
 			<ul className='list'>
 				{teams.map(team => (
 					<li className = 'list-item' key={team.id}>
-						{ team.name }
+						<button onClick={() => select(team.name)}>
+							{ team.name }
+						</button>
 					</li>
 				))}
 			</ul>