import Image from 'next/image'

function ListBime({ data }) {
    return (
        <ul className='flex mt-[8px] items-center justify-center gap-[24px]'>
            {data.list_bime.map((item, idx) => (
                <li
                    key={idx}
                    className='p-[16px] w-full border border-[#EFEFEF] flex flex-col items-center justify-center gap-[20px]'
                >
                    <Image
                        src={item.img}
                        height={92}
                        width={92}
                        alt='bime'
                    />
                    <p className='text-[#525252] text-[16px] font-medium'>{item.name}</p>
                </li>
            ))}
        </ul>
    )
}

export default ListBime