export default function PosterBox({ posterList }: { posterList: string[] }) {
    console.log('posterList', posterList);
    
    return (
        <div className="w-full min-h-[140px] bg-white shadow-md rounded-lg p-2">
            <div className="w-full  grid grid-cols-5 gap-x-2">
                <div className="rounded-lg h-[120px]" style={{
                    backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
                    backgroundSize: 'cover'
                }}>
                </div>
                <div className="rounded-lg" style={{
                    backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
                    backgroundSize: 'cover'
                }}>
                </div>
                <div className="rounded-lg" style={{
                    backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
                    backgroundSize: 'cover'
                }}>
                </div>
                <div className="rounded-lg" style={{
                    backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
                    backgroundSize: 'cover'
                }}>
                </div>
                <div className="rounded-lg" style={{
                    backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
                    backgroundSize: 'cover'
                }}>
                </div>
            </div>
        </div>
    )
}