'use client'
import { Card, CardBody } from '@nextui-org/react'
import Image from 'next/image'
import React from 'react'

export default function SimilarNews() {
    return (
        <div>
            <p className='text-center pb-10 text-3xl font-bold text-[#FF3900]'>Berita Serupa</p>
            <div className='flex justify-center gap-3 pb-5'>
                <Card className='max-h-max w-[250px] items-center rounded-lg'>
                    <CardBody>
                        <Image
                            alt='visimisi'
                            className='rounded-lg'
                            src="/vm1.jpg"
                            height={150}
                            width={220}
                        />
                    </CardBody>
                    <div className='px-3 pb-2'>
                        <p className='text-xs '>03/01/2024 14:30 WIB</p>
                        <p className='leading-tight text-sm font-semibold'>MNC  Penyelenggara Debat Capres, Timnas AMIN: Kita Tahu Ownernya Pendukung 03</p>
                        <p className='text-xs text-blue-800 cursor-pointer'>Lihat Selengkanya</p>
                    </div>
                </Card>
                <Card className='max-h-max w-[250px] items-center rounded-lg'>
                    <CardBody>
                        <Image
                            alt='visimisi'
                            className='rounded-lg'
                            src="/vm1.jpg"
                            height={150}
                            width={220}
                        />
                    </CardBody>
                    <div className='px-3 pb-2'>
                        <p className='text-xs '>03/01/2024 14:30 WIB</p>
                        <p className='leading-tight text-sm font-semibold'>MNC  Penyelenggara Debat Capres, Timnas AMIN: Kita Tahu Ownernya Pendukung 03</p>
                        <p className='text-xs text-blue-800 cursor-pointer'>Lihat Selengkanya</p>
                    </div>
                </Card>
                <Card className='max-h-max w-[250px] items-center rounded-lg'>
                    <CardBody>
                        <Image
                            alt='visimisi'
                            className='rounded-lg'
                            src="/vm1.jpg"
                            height={150}
                            width={220}
                        />
                    </CardBody>
                    <div className='px-3 pb-2'>
                        <p className='text-xs '>03/01/2024 14:30 WIB</p>
                        <p className='leading-tight text-sm font-semibold'>MNC  Penyelenggara Debat Capres, Timnas AMIN: Kita Tahu Ownernya Pendukung 03</p>
                        <p className='text-xs text-blue-800 cursor-pointer'>Lihat Selengkanya</p>
                    </div>
                </Card>
            </div>
        </div>
    )
}