"use strict";

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

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

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

var _AdvancedCollapsible = _interopRequireDefault(require("./AdvancedCollapsible"));

var _default = {
  component: _AdvancedCollapsible.default,
  title: 'AdvancedCollapsible'
};
exports.default = _default;

var Main = function Main() {
  return /*#__PURE__*/_react.default.createElement("div", null, ['small', 'medium', 'large'].map(function (size) {
    return ['neutral', 'teal'].map(function (color) {
      return /*#__PURE__*/_react.default.createElement("div", {
        key: size + color,
        style: {
          marginBottom: '12px'
        }
      }, /*#__PURE__*/_react.default.createElement(_AdvancedCollapsible.default, {
        size: size,
        color: color,
        title: "Title - ".concat(size, " - ").concat(color)
      }, "This is the content - ", size, " - $", color));
    });
  }));
};

exports.Main = Main;