"use strict";

var _core = require("@emotion/core");

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _react3 = require("@storybook/react");

var _addonLinks = require("@storybook/addon-links");

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

var _md = require("react-icons/md");

var _addonKnobs = require("@storybook/addon-knobs");

var _ContentBox = require("./ContentBox");

var _ContentBox2 = _interopRequireDefault(_ContentBox);

var _README = require("./README.md");

var _README2 = _interopRequireDefault(_README);

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

/** @jsx jsx */
(0, _react3.storiesOf)("skeletons/ContentBox", module).addParameters({
  options: {
    showPanel: true
  },
  readme: {
    sidebar: _README2["default"]
  }
}).add("'toggle' (default) behaviour with a static button", function () {
  return (0, _core.jsx)(_ContentBox2["default"], null, (0, _core.jsx)(_ContentBox2["default"].Content, {
    variant: "PRIMARY"
  }, "This is a PRIMARY content of this ContentBox"), (0, _core.jsx)(_ContentBox2["default"].Content, {
    variant: "SECONDARY"
  }, "This is a SECONDARY content of this ContentBox"), (0, _core.jsx)(_ContentBox2["default"].Button, null, "Toggle"));
}).add("'toggle' behaviour with buttons swap ", function () {
  return (0, _core.jsx)(_ContentBox2["default"], null, (0, _core.jsx)(_ContentBox2["default"].Content, {
    variant: "PRIMARY"
  }, "This is a PRIMARY content of this ContentBox", (0, _core.jsx)(_ContentBox2["default"].Button, null, "Show SECONDARY content")), (0, _core.jsx)(_ContentBox2["default"].Content, {
    variant: "SECONDARY"
  }, "This is a SECONDARY content of this ContentBox", (0, _core.jsx)(_ContentBox2["default"].Button, null, "Show PRIMARY content")));
}).add("'unfold' behaviour with  a static button", function () {
  return (0, _core.jsx)(_ContentBox2["default"], {
    behaviour: "UNFOLD"
  }, (0, _core.jsx)(_ContentBox2["default"].Content, null, "This is a PRIMARY content of this ContentBox"), (0, _core.jsx)(_ContentBox2["default"].Content, {
    variant: "SECONDARY"
  }, "This is a SECONDARY content of this ContentBox"), (0, _core.jsx)(_ContentBox2["default"].Button, null, "Toggle"));
}).add("'unfold' behaviour with buttons swap", function () {
  return (0, _core.jsx)(_ContentBox2["default"], {
    behaviour: "UNFOLD"
  }, (0, _core.jsx)(_ContentBox2["default"].Content, null, "This is a PRIMARY content of this ContentBox"), (0, _core.jsx)(_ContentBox2["default"].Button, {
    hiddenIf: "OPEN"
  }, "Unfold"), (0, _core.jsx)(_ContentBox2["default"].Content, {
    variant: "SECONDARY"
  }, "This is a SECONDARY content of this ContentBox", (0, _core.jsx)(_ContentBox2["default"].Button, null, "Fold")));
}).add("'unfold' behaviour with no PRIMARY content", function () {
  return (0, _core.jsx)(_ContentBox2["default"], {
    behaviour: "UNFOLD"
  }, (0, _core.jsx)(_ContentBox2["default"].Content, {
    variant: "SECONDARY"
  }, "This is a SECONDARY content of this ContentBox"), (0, _core.jsx)(_ContentBox2["default"].Button, null, "Toggle"));
});
/*
  .add(`tags/components`, () => {
    hrefTo(`Href`, `log`).then(action(`URL of this story`))

    return (
      <div
        css={{
          display: `flex`,
          flexDirection: `column`,
          alignItems: `flex-start`,
          "& > *": { margin: `20px` },
        }}
      >
        <BaseButton>Button</BaseButton>
        <BaseButton href="https://gatsbyjs.com">&lt;a&gt; tag</BaseButton>
        <BaseButton to="/">Gatsby &lt;Link&gt; component</BaseButton>
      </div>
    )
  })
*/