@e-group/material-layout/esm/NavbarBrick/NavbarBrick.js

EGroup Team web layout react components.

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

import React from 'react';
import { withStyles } from '@material-ui/core';
import clsx from 'clsx';

const styles = theme => ({
  root: _objectSpread({}, theme.mixins.toolbar),
  dense: {
    minHeight: theme.spacing(6)
  }
});

const NavbarBrick = props => {
  const classes = props.classes,
        className = props.className,
        dense = props.dense,
        other = _objectWithoutProperties(props, ["classes", "className", "dense"]);

  return /*#__PURE__*/React.createElement("div", _extends({
    className: clsx(classes.root, dense && classes.dense, className)
  }, other));
};

export default withStyles(styles, {
  name: 'EgNavbarBrick'
})(NavbarBrick);