@krowdy-ui/views/Root/Root.js

React components that implement Google's Material Design.

"use strict";

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

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

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

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

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

var _TopAppBar = _interopRequireDefault(require("../TopAppBar"));

var _Main = _interopRequireDefault(require("../Main"));

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

var useStyles = (0, _core.makeStyles)({
  root: {
    display: 'flex',
    flexDirection: 'column',
    height: '100vh',
    overflow: 'hidden'
  },
  rootFlex: {
    display: 'flex',
    height: '100%',
    overflow: 'hidden',
    position: 'relative'
  }
}, {
  name: 'Root'
});

function Root(props) {
  var _React$useState = _react["default"].useState(false),
      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
      openDrawer = _React$useState2[0],
      setOpenDrawer = _React$useState2[1];

  var children = props.children,
      _props$topAppBarProps = props.topAppBarProps,
      topAppBarProps = _props$topAppBarProps === void 0 ? {} : _props$topAppBarProps,
      _props$mainProps = props.mainProps,
      mainProps = _props$mainProps === void 0 ? {} : _props$mainProps;
  var classes = useStyles();

  var _handleToggleDrawer = function _handleToggleDrawer() {
    setOpenDrawer(!openDrawer);
  };

  return /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.root
  }, /*#__PURE__*/_react["default"].createElement(_TopAppBar["default"], (0, _extends2["default"])({
    onHandleToggleDrawer: _handleToggleDrawer
  }, topAppBarProps)), /*#__PURE__*/_react["default"].createElement("main", {
    className: classes.rootFlex
  }, /*#__PURE__*/_react["default"].createElement(_Main["default"], (0, _extends2["default"])({
    component: "div",
    isOpenDrawer: openDrawer
  }, mainProps), children)));
}

var _default = Root;
exports["default"] = _default;