"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

var _Box = require("../Box");

var _ThemeProvider = require("../ThemeProvider");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Theme', module);
stories.add('Spacing', function () {
  function Ex() {
    var theme = (0, _ThemeProvider.useTheme)();
    var sizes = Object.keys(theme.space);
    return __jsx(_Box.Box, null, sizes.map(function (size) {
      return __jsx(_Box.Box, {
        width: size,
        height: 6,
        mb: "spacing-sm",
        bg: "pink.100"
      });
    }));
  }

  return __jsx(Ex, null);
});
//# sourceMappingURL=examples.js.map