"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Example = void 0;
var _react = _interopRequireDefault(require("react"));
var _Flexbox = require("../components/Flexbox");
var _Box = require("../components/Box");
var _default = {
  title: 'Design System/Flexbox',
  component: _Flexbox.Flexbox
};
exports.default = _default;
var Template = function Template(args) {
  return /*#__PURE__*/_react.default.createElement(_Flexbox.Flexbox, args);
};
var Example = Template.bind({});
exports.Example = Example;
Example.args = {
  children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
    width: 250,
    height: 200
  }, /*#__PURE__*/_react.default.createElement("h5", null, "Box one")), /*#__PURE__*/_react.default.createElement(_Box.Box, {
    width: 250,
    height: 200
  }, /*#__PURE__*/_react.default.createElement("h5", null, "Box two")), /*#__PURE__*/_react.default.createElement(_Box.Box, {
    width: 250,
    height: 200
  }, /*#__PURE__*/_react.default.createElement("h5", null, "Box three")))
};