trepa-web/src/components/lists/movies/GroupMoviesList.tsx
2024-07-01 23:33:36 +02:00

18 lines
444 B
TypeScript

import type { Movie } from "../../../types";
import GroupMoviesListItem from "./GroupMoviesListItem";
interface GroupMoviesListProps {
movies: Movie[];
onClick?: (movie: Movie) => void;
}
export default function GroupMoviesList({
movies,
onClick,
}: GroupMoviesListProps) {
const items = movies.map((elt) => (
<GroupMoviesListItem key={elt.id} item={elt} onClick={onClick} />
));
return <div className="list-group">{items}</div>;
}