Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'

const ListItemDropdown = ({ options = [], isShow }) => {
  if (!options.length) return null
  return (
        <nav className={`nav__options-dropdown ${isShow && 'show'}`}>
            <ul>{options.map((linkOption, index) =>
                <li key={index}>
                    {linkOption.childs?.length
                      ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>
                      : <a href={linkOption.href[0] === '/' ? linkOption.href : `/${linkOption.href}`} target='framename'>{linkOption.label}</a>
                    }
                    {!!linkOption.childs?.length &&
                        <nav className='navigation-level_three'>
                            <ul>
                                {linkOption.childs?.map((optionsChild, index) =>
                                    <li key={index}>
                                        <a href={`/${optionsChild.href}`} target='framename'>{optionsChild.label}</a>
                                    </li>
                                )}
                            </ul>
                        </nav>
                    }
                </li>
            )}
            </ul>
        </nav>
  )
}

export default ListItemDropdown