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">

        <i className="fa fa-ellipsis-v" onClick={toggleOptions} />

      </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={option.action}>{option.label}</span>

            </li>

          ))}

        </ul>

      </div>

    </div>

  )

}

export default Options