"use strict";

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

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

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

var _PageContainer = _interopRequireDefault(require("../../components/layout/PageContainer"));

var _Surface = _interopRequireDefault(require("../../components/layout/Surface"));

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

var _default = {
  title: 'Layout/PageContainer',
  component: _PageContainer.default
};
exports.default = _default;
var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    root: {
      background: '#000',
      color: '#fff'
    }
  };
});

var Default = function Default() {
  return /*#__PURE__*/_react.default.createElement(_PageContainer.default, {
    className: useStyles().root
  }, "This is a Default PageContainer used to pad all the pages.");
};

exports.Default = Default;

var WithSurface = function WithSurface() {
  return /*#__PURE__*/_react.default.createElement(_Surface.default, null, /*#__PURE__*/_react.default.createElement(_PageContainer.default, null, "This is a Default PageContainer used to pad all the pages."));
};

exports.WithSurface = WithSurface;