"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Button = _interopRequireDefault(require("../Button"));
var _FormWrap = require("./FormWrap");
var _PageLayout = _interopRequireDefault(require("../..\\layout\\PageLayout"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const Form = ({
  title,
  width,
  customTopSidebar,
  topSideBar,
  nextName: _nextName = 'next',
  cancelName: _cancelName = 'cancel',
  children
}) => {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormWrap.FormWrap, {
    width: width || '40%',
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
      className: "center",
      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        className: "formContainer",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PageLayout.default, {
          title: title,
          width: width || '100%',
          customTopSidebar: customTopSidebar,
          topbarTabs: topSideBar,
          fix: false
        }), children, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
          className: "formButtonContainer",
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
            label: _nextName
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
            label: _cancelName,
            style: {
              marginLeft: 25
            }
          })]
        })]
      })
    })
  });
};
var _default = Form;
exports.default = _default;