24 lines
573 B
TypeScript
24 lines
573 B
TypeScript
import MovieCard from "./MovieCard";
|
|
|
|
export interface IMovieListProps {
|
|
movies: Array<IMovieSearch>;
|
|
}
|
|
|
|
export default function MovieList({ movies }: IMovieListProps) {
|
|
return (
|
|
<div
|
|
className={`p-1 flex justify-around flex-wrap gap-4 sm:justify-center `}
|
|
>
|
|
{movies.length > 0 ? (
|
|
movies.map((m) => (
|
|
<div className="WrapItem w-full mx-5 sm:w-64 mx-1" key={m.imdbID}>
|
|
<MovieCard movie={m} />
|
|
</div>
|
|
))
|
|
) : (
|
|
<h1>Nothing to show</h1>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|