File size: 1,022 Bytes
418a632 a316956 418a632 dcad1b4 418a632 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
import Image from "next/image";
import './CastSection.css';
const CastSection = ({ cast }) => {
return (
<div className="cast-section">
<h2>Cast & Crew</h2>
{cast.length > 0 ? (
<ul className="cast-list">
{cast.map((profile) => (
<li key={profile.id} className="cast-item">
<div className="cast-image-container">
<Image
src={profile.image || `https://eu.ui-avatars.com/api/?name=${profile.personName}&size=250`}
layout="fill"
objectFit="cover"
alt={`Profile picture of ${profile.personName}`}
className="cast-image"
/>
</div>
<span className="cast-name">
{profile.personName} {profile.name ? `as ${profile.name}` : ""}
</span>
</li>
))}
</ul>
) : (
<p>Cast not available</p>
)}
</div>
);
};
export default CastSection;
|