import React from 'react'

function Address({ doctor }) {
    return (
        <ul className='hidden mt-[4px] lg:flex flex-col'>
            {doctor.address.map((item, idx) => (
                <li
                    key={idx}
                >
                    <div className='flex py-[12px] text-[#616161] text-[14px] items-start justify-start'>
                        <p className='font-bold min-w-[115px]'>{`${item.name}: `}</p>
                        <p className='font-normal'>{item.location}</p>
                    </div>
                    {doctor.address.length > idx + 1 && (
                        <span className='bg-[#EFEFEF] block h-px w-full'></span>
                    )}
                </li>
            ))}
        </ul>
    )
}

export default Address