import Color from 'react-color';
import React, {Component, PropTypes as RPT} from 'react';

export default class ColorPicker extends Component {

  static propTypes = {
    color: RPT.string,
    onChangeComplete: RPT.func,
    visible: RPT.bool.isRequired
  }

  render() {
    const {onChangeComplete} = this.props

    return (
      <Color
        color={this.props.color}
        onChangeComplete={onChangeComplete}
      />
    )
  }
}

import {CompactPicker as Color} from 'react-color';
import React, {Component, PropTypes as RPT} from 'react';

export default class ColorPicker extends Component {

  static propTypes = {
    color: RPT.string,
    onChangeComplete: RPT.func,
    visible: RPT.bool.isRequired
  }

  render() {
    const {onChangeComplete} = this.props

    return (
      <Color
        color={this.props.color}
        onChangeComplete={onChangeComplete}
      />
    )
  }
}

Use a different kind of colorpicker
Use a different kind of colorpicker
