"use strict";

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

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

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

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

var _utils = require("../../../.storybook/utils");

var _ = _interopRequireDefault(require("."));

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

var _default = {
  component: _.default,
  title: (0, _utils.addStoryInGroup)(_utils.LOW_LEVEL_BLOCKS, 'Container')
};
exports.default = _default;

var Basic = function Basic(args) {
  return /*#__PURE__*/_react.default.createElement(_box.default, {
    backgroundColor: "gold",
    backgroundTint: "lightest"
  }, /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({}, args, {
    backgroundColor: "violet",
    backgroundTint: "light"
  }), /*#__PURE__*/_react.default.createElement(_box.default, {
    backgroundColor: "aqua",
    backgroundTint: "light",
    style: {
      height: 400
    }
  })));
};

exports.Basic = Basic;