react-layout-kit/es/Center/index.js

a npm develop template

import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["children"];
import { Flexbox } from "../Flexbox";
import { jsx as _jsx } from "react/jsx-runtime";

var Center = function Center(_ref) {
  var children = _ref.children,
      res = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread({}, res), {}, {
    horizontal: true,
    align: 'center',
    distribution: 'center',
    children: children
  }));
};

export default Center;