@krowdy-ui/views/Stepper/StepperContainer.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 _core = require("@material-ui/core");

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

var StepperContainer = function StepperContainer(_ref) {
  var orientation = _ref.orientation,
      children = _ref.children,
      height = _ref.height;
  var classes = useStyles({
    height: height,
    orientation: orientation
  });
  if (orientation === 'horizontal') return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.root
  }, children);
};

var useStyles = (0, _core.makeStyles)(function (theme) {
  return {
    root: {
      height: function height(_ref2) {
        var _height = _ref2.height;
        return _height ? _height : undefined;
      },
      paddingBottom: theme.spacing(1.5),
      paddingTop: theme.spacing(1.5)
    }
  };
}, {
  name: 'StepperContainer'
});
var _default = StepperContainer;
exports["default"] = _default;