@krowdy-ui/views/es/Stepper/StepperContainer.js

React components that implement Google's Material Design.

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

const StepperContainer = ({
  orientation,
  children,
  height
}) => {
  const classes = useStyles({
    height,
    orientation
  });
  if (orientation === 'horizontal') return /*#__PURE__*/React.createElement(React.Fragment, null, children);
  return /*#__PURE__*/React.createElement("div", {
    className: classes.root
  }, children);
};

const useStyles = makeStyles(theme => ({
  root: {
    height: ({
      height
    }) => height ? height : undefined,
    paddingBottom: theme.spacing(1.5),
    paddingTop: theme.spacing(1.5)
  }
}), {
  name: 'StepperContainer'
});
export default StepperContainer;