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
|