xxxxxxxxxx
const [selectedIndex, setSelectedIndex] = useState('')
<div>
{mediumNames.map((text, index,) => (
<Card style={{ border: index === selectedIndex ? '2px solid #00adb5' : 'none'}} onClick={() => setSelectedIndex(index)} >
<div >
<img className={classes.imginCardBoard} src={TNlogo}></img>
<Typography className={classes.textinCardBoard} > { text} </Typography>
</div>
</Card>
))}
</div>