"use strict";

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

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

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

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

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

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

var _structures = require("../../structures");

var _marginChecker = require("../../../mixins/spacing/story-support/margin-checker");

var _box = require("../../../primitives/box");

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 _default = {
  component: _index.TabSet,
  title: 'Components/Navigation/Tab Set',
  parameters: {
    docs: {
      page: _tabSet["default"]
    }
  }
};
exports["default"] = _default;
var DEFAULT_PROPS = {
  selectedTabIndex: 0,
  onSelect: (0, _addonActions.action)('Selected'),
  tabs: [{
    id: 'plan',
    label: 'Plan',
    content: /*#__PURE__*/_react["default"].createElement(_structures.Card, {
      spacing: ['mv2', 'p2']
    }, "Plan Content")
  }, {
    id: 'history',
    label: 'History',
    content: /*#__PURE__*/_react["default"].createElement(_structures.Card, {
      spacing: ['mv2', 'p2']
    }, "History Content")
  }]
};

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_index.TabSet, DEFAULT_PROPS);
};

exports.Default = Default;
var StyledBox = (0, _styledComponents["default"])(_box.Box).withConfig({
  displayName: "StyledBox",
  componentId: "sc-14paeue-0"
})(["width:380px;"]);

var FixedWidthTabSet = function FixedWidthTabSet(props) {
  return /*#__PURE__*/_react["default"].createElement(StyledBox, null, /*#__PURE__*/_react["default"].createElement(_index.TabSet, props));
};

var MixinsMarginOnlySpacing = function MixinsMarginOnlySpacing() {
  return /*#__PURE__*/_react["default"].createElement(_marginChecker.MarginChecker, _extends({
    Component: FixedWidthTabSet
  }, DEFAULT_PROPS), "Click me");
};

exports.MixinsMarginOnlySpacing = MixinsMarginOnlySpacing;