message: Add centering properties for modal component
diff: @@ -27,6 +27,8 @@ export default class Modal extends Component {
  disableClose: PropTypes.bool,
  titleUppercase: PropTypes.bool,
  onClose: PropTypes.func,
  + shouldCenterVertically: PropTypes.bool,
  + shouldCenterHorizontally: PropTypes.bool,
  }
  static defaultProps = {
  @@ -37,6 +39,8 @@ export default class Modal extends Component {
  disableClose: false,
  disableCloseOverlay: false,
  uppercase: false,
  + shouldCenterVertically: true,
  + shouldCenterHorizontally: true,
  }
  close = () => {
  @@ -60,7 +64,7 @@ export default class Modal extends Component {
  }
  render() {
  - const { className, whiteLogo, title, showCloseButton, disableClose, children, titleUppercase, name } = this.props
  + const { className, whiteLogo, title, showCloseButton, disableClose, children, titleUppercase, name, shouldCenterHorizontally, shouldCenterVertically } = this.props
  const titleStyleName = cx('title', {
  'uppercase': titleUppercase,
  @@ -88,7 +92,7 @@ export default class Modal extends Component {
  )
  }
  <div styleName="contentContainer">
  - <Center scrollable>
  + <Center scrollable centerHorizontally={shouldCenterHorizontally} centerVertically={shouldCenterVertically}>
  <div styleName="content">
  {children}
  </div>
  