"use strict";

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

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

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

var _core = require("@material-ui/core");

var _ContentInfoBlock = _interopRequireDefault(require("../../components/content/ContentInfoBlock"));

var _default = {
  title: 'Content/ContentInfoBlock',
  component: _ContentInfoBlock.default
};
exports.default = _default;

var Default = function Default() {
  return /*#__PURE__*/_react.default.createElement(_ContentInfoBlock.default, {
    color: "alternative.yellowLight"
  }, "Thi is block's children!");
};

exports.Default = Default;

var Color = function Color() {
  return /*#__PURE__*/_react.default.createElement(_core.Grid, {
    container: true,
    direction: "column",
    spacing: 2
  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_ContentInfoBlock.default, {
    color: "alternative.redLight"
  }, "Primary")), /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_ContentInfoBlock.default, {
    color: "alternative.blueLight"
  }, "Secondary")));
};

exports.Color = Color;