Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'

import IconButton from '@mui/material/IconButton'

import MoreVertIcon from '@mui/icons-material/MoreVert'

const Options = ({ options }) => {

  const [isShowMenu, setIsShowMenu] = useState(false)

  const toggleOptions = () => {

    setIsShowMenu(!isShowMenu)

  }

  return (

    <div className="header-options">

      <IconButton onClick={toggleOptions}>

        <MoreVertIcon />

        <Options.Menu

          options={options}

          onClose={toggleOptions}

          show={isShowMenu}

        />

      </IconButton>

    </div>

  )

}

const Menu = ({ options, show, onClose }) => {

  return (

    <ul className={`feed-options ${show ? 'active' : ''}`}>

      {options.map((option, index) => (

        <li key={index}>

          <button

            className="btn option-btn"

            onClick={() => {

              option.action()

              onClose()

            }}

          >

            {option.label}

          </button>

        </li>

      ))}

    </ul>

  )

}

Options.Menu = Menu

export default Options