29 lines
768 B
TypeScript
29 lines
768 B
TypeScript
|
import React from 'react'
|
||
|
|
import { isEmpty } from 'lodash';
|
||
|
|
import MovieCard from './MovieCard';
|
||
|
|
|
||
|
|
interface MovieListProps {
|
||
|
|
data: Record<string, any>[];
|
||
|
|
title: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
const MovieList: React.FC<MovieListProps> = ({ data, title }) => {
|
||
|
|
if (isEmpty(data)) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
return (
|
||
|
|
<div className='px-4 md:px-12 mt-4 space-y-8'>
|
||
|
|
<div className='text-white text-md md:text-xl lg:text-2xl font-semibold mb-4'>
|
||
|
|
<p>{title}</p>
|
||
|
|
<div className='grid grid-cols-4 gap-2'>
|
||
|
|
{data.map((film) => (
|
||
|
|
<MovieCard key={film.id} data={film} />
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default MovieList;
|