"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Regular = exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _README = _interopRequireDefault(require("./README.mdx"));

var _TextInput = _interopRequireDefault(require("../../components/TextInput"));

var _Button = _interopRequireDefault(require("../../components/Button"));

var _Modal = _interopRequireDefault(require("../../components/Modal"));

var _Link = _interopRequireDefault(require("../../components/Link"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _default = {
  title: 'Templates/Login',
  parameters: {
    componentSubtitle: 'Example',
    status: 'legacy',
    mdx: _README.default,
    introText: 'Login page for legacy applications not using WFPs single sign-on',
    previewWidth: 'full'
  }
};
exports.default = _default;

var Regular = function Regular(args) {
  return /*#__PURE__*/_react.default.createElement(_Modal.default, {
    open: true,
    hideClose: true,
    modalHeading: "Login",
    inPortal: false,
    modalLabel: "Sample Application",
    primaryButtonText: "Login",
    secondaryButtonText: "Forgot password?",
    modalSecondaryAction: /*#__PURE__*/_react.default.createElement(_Button.default, {
      kind: "secondary"
    }, "Sign in with WFP SSO"),
    modalFooter: function modalFooter(_ref) {
      var primaryButtonText = _ref.primaryButtonText,
          secondaryButtonText = _ref.secondaryButtonText;
      return /*#__PURE__*/_react.default.createElement("div", {
        className: "wfp--modal__buttons-container"
      }, /*#__PURE__*/_react.default.createElement(_Link.default, null, secondaryButtonText), /*#__PURE__*/_react.default.createElement(_Button.default, null, primaryButtonText));
    },
    backgroundImage: "https://password.go.wfp.org/images/MAU_20150202_WFP-Agron_Dragaj_0018.jpg"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--modal-content__text wfp--form-long"
  }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
    id: "emailinput",
    labelText: "Your email adress",
    placeholder: "yourname@wfp.org",
    helperText: "Enter the email adress you've used when you've registred"
  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
    id: "passportinput",
    labelText: "Your password",
    type: "password",
    placeholder: "",
    helperText: ""
  })));
};

exports.Regular = Regular;
Regular.decorators = [function (Story) {
  return /*#__PURE__*/_react.default.createElement("div", {
    style: {
      position: 'relative',
      height: '700px'
    }
  }, /*#__PURE__*/_react.default.createElement(Story, null));
}];
Regular.args = {};