Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'

import styles from './options.module.scss'

const Options = ({ options }) => {

  const [isShowOptions, setIsShowOptions] = useState(false)

  const toggleOptions = () => {

    setIsShowOptions(!isShowOptions)

  }

  return (

    <div className={styles.options}>

      <button className="btn" onClick={toggleOptions}>

        <i className="fa fa-ellipsis-v" />

      </button>

      <div className={styles.dropdown_container}>

        <ul

          className={`${styles.options_dropdown}  ${

            isShowOptions ? ' d-flex' : ' d-none'

          }`}

        >

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

            <li key={index}>

              <span

                onClick={() => {

                  toggleOptions()

                  option.action()

                }}

              >

                {option.label}

              </span>

            </li>

          ))}

        </ul>

      </div>

    </div>

  )

}

export default Options