<div className="meta"> <h3 className="title">{movie.title}</h3> {movie.year && <p className="year" aria-hidden="true">{movie.year}</p>} {movie.genres && <p className="genres">{movie.genres.join(', ')}</p>} {typeof movie.rating === 'number' && <p className="rating" aria-label={`Rating ${movie.rating} out of 10`}>{movie.rating}/10</p>} {showSynopsis && movie.synopsis && <p className="synopsis">{movie.synopsis}</p>} </div> </a> </li> ))} </ul>