All files / components/layout/sider/sider-toggle index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 }