"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = ButtonConfig;

var _react = _interopRequireDefault(require("react"));

var _ButtonConfigContent = _interopRequireDefault(require("./ButtonConfigContent"));

var _layout = _interopRequireDefault(require("./imgs/layout1.png"));

var _layout2 = _interopRequireDefault(require("./imgs/layout2.png"));

var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));

var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));

var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));

var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function ButtonConfig(props) {
  var data = props.data;
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
    divider: "bold",
    headerSize: "large",
    source: [{
      key: '1',
      name: 'Content',
      value: /*#__PURE__*/_react["default"].createElement(_ButtonConfigContent["default"], {
        panelProps: data.content
      })
    }, {
      key: '2',
      name: 'Spacing',
      value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], null)
    }, {
      key: '3',
      name: 'Customize',
      value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
        data: data.customize,
        layoutSource: [{
          id: 'layout1',
          name: 'layout1',
          image: _layout["default"]
        }, {
          id: 'layout2',
          name: 'layout2',
          image: _layout2["default"]
        }]
      })
    }, {
      key: '4',
      name: 'Background',
      value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
        data: data.background
      })
    }],
    type: "triangle"
  }));
}