()=> {
      const [isOpen, setIsOpen] = React.useState(false);
      let buttonToggle = isOpen ? "gds-button-dropdown gds-button-dropdown--active" : "gds-button-dropdown";

      return (
        <div className={buttonToggle}>
          <button onClick={()=> setIsOpen(!isOpen)} className="gds-button-dropdown__button gds-button--primary">Dropdown Menu</button>
          <ul className="gds-button-dropdown__menu">
              <li className="gds-button-dropdown__menu-item"><a className="gds-button-dropdown__menu-link">Link</a></li>
              <li className="gds-button-dropdown__divider"></li>
              <li className="gds-button-dropdown__menu-item"><a className="gds-button-dropdown__menu-link">Link</a></li>
              <li className="gds-button-dropdown__menu-item"><a className="gds-button-dropdown__menu-link">Link</a></li>
          </ul>
        </div>
      )
    }