import React from 'react';
import { List } from '../List';
import { Guard } from '../Guard';
import { Steps } from '../Steps';
export var Order = function Order(_ref) {
  var children = _ref.children,
      bare = _ref.bare;
  return React.createElement("div", {
    className: "w-50 mr-auto ml-auto"
  }, React.createElement("div", null, React.createElement(Guard, {
    Component: Steps
  }, children)), React.createElement("div", {
    className: "d-flex justify-content-center align-items-center text-center"
  }, React.createElement(Guard, {
    Component: List,
    when: ['items', 'length'],
    otherwise: function otherwise() {
      return React.createElement("div", null, bare);
    }
  }, children)));
};