"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _vue = require("vue");
var _classNames = _interopRequireDefault(require("../../_util/classNames"));
var ColorBlock = (0, _vue.defineComponent)({
  name: 'ColorBlock',
  props: ['color', 'prefixCls', 'onClick'],
  setup: function setup(props) {
    var colorBlockCls = (0, _vue.computed)(function () {
      return "".concat(props.prefixCls, "-color-block");
    });
    return function () {
      return (0, _vue.createVNode)("div", {
        "class": (0, _classNames.default)(colorBlockCls.value),
        "onClick": props.onClick
      }, [(0, _vue.createVNode)("div", {
        "class": "".concat(colorBlockCls.value, "-inner"),
        "style": {
          background: props.color
        }
      }, null)]);
    };
  }
});
var _default = ColorBlock;
exports.default = _default;