@hbsis.uikit/react/src/components/layout/sider/sider-toggle/index.js

Biblioteca ReactJS

import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
import { ClickOutside } from 'utils'
import SiderToggleStyled from './sider-toggle.styled'

const SiderToggle = ({ active, onToggle, onClickOutside }) => (
  <ClickOutside onClickOutside={onClickOutside}>
    <SiderToggleStyled active={active} onClick={onToggle}>
      <span className='layer layer-1' />
      <span className='layer layer-2' />
      <span className='layer layer-3' />
    </SiderToggleStyled>
  </ClickOutside>
)

SiderToggle.propTypes = {
  active: PropTypes.bool,
  onToggle: PropTypes.func,
  onClickOutside: PropTypes.func
}

export { SiderToggle }