{"size": 1909, "ext": "js", "max_stars_repo_path": "src/ColorPalette.js", "max_stars_repo_name": "myardhs/react-ionicons", "max_stars_repo_stars_event_min_datetime": "2017-03-02T20:45:56.000Z", "max_stars_repo_stars_event_max_datetime": "2022-02-14T03:12:18.000Z", "max_issues_repo_path": "src/ColorPalette.js", "max_issues_repo_name": "Douglas-CRVG/react-ionicons", "max_issues_repo_issues_event_min_datetime": "2017-03-31T15:11:08.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-08T05:50:57.000Z", "max_forks_repo_path": "src/ColorPalette.js", "max_forks_repo_name": "Douglas-CRVG/react-ionicons", "max_forks_repo_forks_event_min_datetime": "2017-03-06T22:52:06.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-15T04:37:38.000Z"}
{"max_stars_count": 194, "max_issues_count": 40, "max_forks_count": 44, "avg_line_length": 32.3559322034, "max_line_length": 884, "alphanum_fraction": 0.6626506024}
import React from 'react'
import PropTypes from 'prop-types'

import SvgContainer from './SvgContainer'

const ColorPalette = props => {
  return (
    <SvgContainer
      height={props.height}
      width={props.width}
      color={props.color}
      onClick={props.onClick}
      rotate={props.rotate ? 1 : 0}
      shake={props.shake ? 1 : 0}
      beat={props.beat ? 1 : 0}
      className={props.className}
    >
      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M441 336.2l-.06-.05c-9.93-9.18-22.78-11.34-32.16-12.92l-.69-.12c-9.05-1.49-10.48-2.5-14.58-6.17-2.44-2.17-5.35-5.65-5.35-9.94s2.91-7.77 5.34-9.94l30.28-26.87c25.92-22.91 40.2-53.66 40.2-86.59s-14.25-63.68-40.2-86.6c-35.89-31.59-85-49-138.37-49C223.72 48 162 71.37 116 112.11c-43.87 38.77-68 90.71-68 146.24s24.16 107.47 68 146.23c21.75 19.24 47.49 34.18 76.52 44.42a266.17 266.17 0 0086.87 15h1.81c61 0 119.09-20.57 159.39-56.4 9.7-8.56 15.15-20.83 15.34-34.56.21-14.17-5.37-27.95-14.93-36.84zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
    </SvgContainer>
  )
}


ColorPalette.defaultProps = {
  // style
  style: {},
  color: '#000000',
  height: '22px',
  width: '22px',
  cssClasses: '',
  title: '',

  // animation
  shake: false,
  beat: false,
  rotate: false,
}


ColorPalette.propTypes = {
  // style
  style: PropTypes.object,
  color: PropTypes.string,
  height: PropTypes.string,
  width: PropTypes.string,
  cssClasses: PropTypes.string,
  title: PropTypes.string,

  // animation
  shake: PropTypes.bool,
  beat: PropTypes.bool,
  rotate: PropTypes.bool,

  // functions
  onClick: PropTypes.func
}


export default ColorPalette