function ArrowDownP({ data }) {
    return (
        <div className='pl-[6px] cursor-pointer'>
            <svg className={`transition-all duration-500 ${data.className.includes('iconOpen') ? 'rotate-180' : 'rotate-0'}`} xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                <path d="M16.5999 7.4585L11.1666 12.8918C10.5249 13.5335 9.4749 13.5335 8.83324 12.8918L3.3999 7.4585" stroke="#7E7E7E" strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
            </svg>
        </div>
    )
}

export default ArrowDownP