react-img-editor-en/es/components/ParamSetting/ColorSetting.js

Image Annotation Tool for React

import React from 'react';
import { prefixCls } from '../../common/constants';
var colors = ['#F5222D', '#FFEB00', '#00B4FF', '#52C51A ', '#19191A', '#FFFFFF'];
export default function ColorSetting(props) {
  return React.createElement("span", {
    style: {
      margin: '0 8px',
      fontSize: 0
    }
  }, colors.map(function (color) {
    return React.createElement("span", {
      key: color,
      className: "".concat(prefixCls, "-color-square ").concat(props.value === color ? prefixCls + '-color-square-activated' : ''),
      style: {
        backgroundColor: color
      },
      onClick: function onClick() {
        return props.onChange(color);
      }
    });
  }));
}