Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import './HeaderOptions.scss'
import './Dropdowns.scss'

const HeaderOptions = ({ Icon, title, url, childs = [] }) => {

    return (
        <li>
            <a href={url} className="header__option" onClick={(e) => childs.length && e.preventDefault()}>
                {Icon && <Icon className="header__option-icon" />}
                <span>{title}</span>
            </a>
            {!!childs.length &&
                <nav className='nav__options-dropdown'>
                    <ul>{childs.map((linkOption, index) =>
                        <li key={index}>
                            {linkOption.childs?.length
                                ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>
                                : <a href={linkOption.href}>{linkOption.label}</a>
                            }
                            {!!linkOption.childs?.length &&
                                <nav className='navLinkLevelThree'>
                                    <ul>
                                        {linkOption.childs?.map((optionsChild, index) =>
                                            <li key={index}>
                                                <a href={optionsChild.href}>{optionsChild.label}</a>
                                            </li>
                                        )}
                                    </ul>
                                </nav>
                            }
                        </li>
                    )}
                    </ul>
                </nav>
            }
        </li>
    )
}

export default HeaderOptions