"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"), _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
    value: !0
}), exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _react = _interopRequireWildcard(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _amosIcon = _interopRequireDefault(require("amos-icon")), _amosAntd = require("amos-antd"), _classnames = _interopRequireDefault(require("classnames"));

function _createSuper(e) {
    var t = _isNativeReflectConstruct();
    return function() {
        var r, a = (0, _getPrototypeOf2.default)(e);
        if (t) {
            var n = (0, _getPrototypeOf2.default)(this).constructor;
            r = Reflect.construct(a, arguments, n);
        } else r = a.apply(this, arguments);
        return (0, _possibleConstructorReturn2.default)(this, r);
    };
}

function _isNativeReflectConstruct() {
    if ("undefined" == typeof Reflect || !Reflect.construct) return !1;
    if (Reflect.construct.sham) return !1;
    if ("function" == typeof Proxy) return !0;
    try {
        return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))), 
        !0;
    } catch (e) {
        return !1;
    }
}

var footerSpans = [ {
    key: "f1",
    style: {
        backgroundColor: "#00bbd3"
    }
}, {
    key: "f2",
    style: {
        backgroundColor: "#8ac249"
    }
}, {
    key: "f3",
    style: {
        backgroundColor: "#fc0"
    }
}, {
    key: "f4",
    style: {
        backgroundColor: "#e6564a"
    }
} ], BackgroundItem = function(e) {
    (0, _inherits2.default)(r, e);
    var t = _createSuper(r);
    function r() {
        return (0, _classCallCheck2.default)(this, r), t.apply(this, arguments);
    }
    return (0, _createClass2.default)(r, [ {
        key: "render",
        value: function() {
            var e = this.props, t = e.bkImg, r = e.name, a = e.bgColor, n = void 0 === a ? "transparent" : a, l = e.skinUse, o = e.onThemeChange, u = e.imgName, s = (0, 
            _classnames.default)("bk-item", {
                normal: !l,
                used: l
            });
            return _react.default.createElement("div", {
                className: s,
                onClick: function(e) {
                    return o(e, t, u);
                }
            }, _react.default.createElement("img", {
                src: t,
                alt: ""
            }), _react.default.createElement("div", {
                className: "bk-name",
                style: {
                    backgroundColor: n
                }
            }, _react.default.createElement(_amosAntd.Popover, {
                placement: "top",
                content: r
            }, _react.default.createElement("label", null, r))), _react.default.createElement("div", {
                className: "bk-footer"
            }, footerSpans.map((function(e) {
                return _react.default.createElement("span", {
                    key: e.key,
                    style: e.style
                });
            }))), _react.default.createElement("div", {
                className: "bk-check",
                style: {
                    backgroundColor: n
                }
            }, "选用皮肤"), _react.default.createElement("div", {
                className: "bk-use",
                style: {
                    display: l ? "block" : "none"
                }
            }, _react.default.createElement(_amosIcon.default, {
                icon: "xuanzhong"
            }), "使用中"));
        }
    } ]), r;
}(_react.Component);

BackgroundItem.displayName = "BackgroundItem", BackgroundItem.propTypes = {
    bkImg: _propTypes.default.string,
    name: _propTypes.default.string,
    bgColor: _propTypes.default.string,
    skinUse: _propTypes.default.bool,
    onThemeChange: _propTypes.default.func,
    imgName: _propTypes.default.string
}, BackgroundItem.defaultProps = {
    skinUse: !1
};

var _default = BackgroundItem;

exports.default = _default;