"use strict";

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

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

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

var _primitives = require("../../primitives");

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

var _sideBar = _interopRequireDefault(require("./side-bar.mdx"));

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

var Decorator = function Decorator(Story) {
  return /*#__PURE__*/_react["default"].createElement(TallBox, {
    stacked: "column",
    justify: "center",
    align: "center"
  }, /*#__PURE__*/_react["default"].createElement(Story, null));
};

var _default = {
  component: _index.SideBar,
  title: 'Organisms/SideBar',
  decorators: [Decorator],
  parameters: {
    docs: {
      page: _sideBar["default"]
    }
  }
};
exports["default"] = _default;
var TallBox = (0, _styledComponents["default"])(_primitives.Box).withConfig({
  displayName: "TallBox",
  componentId: "nkb8lo-0"
})(["height:500px;"]);

var Normal = function Normal() {
  return /*#__PURE__*/_react["default"].createElement(_index.SideBar, {
    title: "Best side bar ever",
    text: ['Some pretty long but still slight and incredibly useful text to search some purpose or something.', 'Whoa look at me go, a second paragraph!']
  });
};

exports.Normal = Normal;