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