All files / components/dropdown dropdown-icon.js

0% Statements 0/17
0% Branches 0/4
0% Functions 0/3
0% Lines 0/6
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28                                                       
import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
 
const DropdownIcon = ({ onClick, className }) => (
  <svg onClick={onClick} width='24px' height='24px' viewBox='0 0 24 24' className={className}>
    <g id='Symbols' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
        <g id='icn-action-menu' fill='#95A3B7'>
            <g id='Action-Menu'>
                <circle id='Oval' cx='11.5' cy='7.5' r='1.5'></circle>
                <circle id='Oval' cx='11.5' cy='12.5' r='1.5'></circle>
                <circle id='Oval' cx='11.5' cy='17.5' r='1.5'></circle>
            </g>
        </g>
    </g>
  </svg>
)
 
DropdownIcon.propTypes = {
  onClick: PropTypes.func
}
 
const StyledDropdownIcon = styled(DropdownIcon)`
  cursor: pointer;
`
 
export default StyledDropdownIcon