"use strict";

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

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _addonActions = require("@storybook/addon-actions");

var _index = require("./index");

var _tabSet = _interopRequireDefault(require("./tab-set.mdx"));

var _branding = require("../../../mixins/branding");

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var Content = _styledComponents["default"].div.withConfig({
  displayName: "Content",
  componentId: "sc-14paeue-0"
})(["width:381px;height:50px;display:flex;justify-content:center;align-items:center;font-size:20px;background-color:", ";margin-top:10px;border-radius:10px;"], function (props) {
  return props.history ? (0, _branding.getPaletteColor)('brand-primary-base')({
    theme: props.theme
  }) : (0, _branding.getPaletteColor)('brand-secondary-base')({
    theme: props.theme
  });
});

var _default = {
  component: _index.TabSet,
  title: 'Tab Set',
  parameters: {
    fileName: __filename,
    docs: {
      page: _tabSet["default"]
    }
  }
};
exports["default"] = _default;
var DEFAULT_PROPS = {
  selectedTabIndex: 0,
  onSelect: (0, _addonActions.action)('Selected'),
  tabs: []
};

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_index.TabSet, _extends({}, DEFAULT_PROPS, {
    tabs: [{
      id: 'plan',
      label: 'Plan',
      content: /*#__PURE__*/_react["default"].createElement(Content, null, "Plan Content")
    }, {
      id: 'history',
      label: 'History',
      content: /*#__PURE__*/_react["default"].createElement(Content, {
        history: true
      }, "History Content")
    }]
  }));
};

exports.Default = Default;