@rc-component/color-picker/es/components/ColorBlock.js

React Color Picker

import { clsx } from 'clsx';
import React from 'react';
const ColorBlock = ({
  color,
  prefixCls,
  className,
  style,
  innerClassName,
  innerStyle,
  onClick
}) => {
  const colorBlockCls = `${prefixCls}-color-block`;
  return /*#__PURE__*/React.createElement("div", {
    className: clsx(colorBlockCls, className),
    style: style,
    onClick: onClick
  }, /*#__PURE__*/React.createElement("div", {
    className: clsx(`${colorBlockCls}-inner`, innerClassName),
    style: {
      background: color,
      ...innerStyle
    }
  }));
};
export default ColorBlock;