"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

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

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

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

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

var _AuthLayout = _interopRequireWildcard(require("./AuthLayout"));

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

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

var _Text = _interopRequireDefault(require("./../Text"));

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

var _FormGroup = _interopRequireDefault(require("./../FormGroup"));

var _iconsReact = require("@wfp/icons-react");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

// import Icon from './../Icon';
var _default = {
  title: 'Components/Content Related/AuthLayout',
  component: _AuthLayout.default,
  subcomponents: {
    BackgroundContent: _AuthLayout.BackgroundContent
  },
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: _README.default
  }
};
exports.default = _default;

var Regular = function Regular(args) {
  return /*#__PURE__*/_react.default.createElement(_AuthLayout.default, (0, _extends2.default)({}, args, {
    backgroundContent: /*#__PURE__*/_react.default.createElement(_AuthLayout.BackgroundContent, {
      style: {
        background: '#007DBC',
        color: '#fff',
        padding: '3rem'
      }
    }, "Image can be placed here or just give a background with content like this")
  }), /*#__PURE__*/_react.default.createElement("div", null, "Forms will be here"));
}; // TODO


exports.Regular = Regular;

var RegularNoImage = function RegularNoImage(args) {
  return /*#__PURE__*/_react.default.createElement(_AuthLayout.default, args, /*#__PURE__*/_react.default.createElement(_FormGroup.default, {
    style: {
      width: '80%'
    }
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
    icon: _iconsReact.ArrowLeftGlyph,
    iconReverse: true,
    kind: "secondary",
    style: {
      marginBottom: '3rem'
    }
  }, "Back to lorem"), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
    labelText: "The labelText",
    name: "inputname",
    placeholder: "placeholder"
  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
    labelText: "The labelText",
    name: "inputname",
    placeholder: "placeholder"
  }), /*#__PURE__*/_react.default.createElement("div", {
    style: {
      display: 'flex',
      justifyContent: 'flex-end',
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://www.wfp.org"
  }, "Another link"), /*#__PURE__*/_react.default.createElement(_Button.default, {
    kind: "primary",
    style: {
      marginLeft: '2rem'
    }
  }, "Register"))));
};

exports.RegularNoImage = RegularNoImage;
RegularNoImage.args = {
  backgroundContent: /*#__PURE__*/_react.default.createElement(_AuthLayout.BackgroundContent, {
    style: {
      background: 'linear-gradient(0.13deg, #357DB6 0.17%, #5DB2C2 99.95%)',
      color: '#fff',
      padding: '3rem'
    }
  }, /*#__PURE__*/_react.default.createElement(_iconsReact.WfpLogoStandardBlackEnGlyph, {
    description: "WFP",
    fill: "#fff",
    style: {
      marginBottom: '4rem'
    }
  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
    kind: "h1"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr,diam nonumy eirmod."), /*#__PURE__*/_react.default.createElement("p", {
    style: {
      marginTop: '2rem'
    }
  }, "- Author"))
};

var WithImage = function WithImage(args) {
  return /*#__PURE__*/_react.default.createElement(_AuthLayout.default, args, /*#__PURE__*/_react.default.createElement(_FormGroup.default, {
    style: {
      width: '80%'
    }
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
    icon: _iconsReact.ArrowLeftGlyph,
    iconReverse: true,
    kind: "secondary",
    style: {
      marginBottom: '3rem'
    }
  }, "Back to lorem"), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
    labelText: "The labelText",
    name: "inputname",
    placeholder: "placeholder"
  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
    labelText: "The labelText",
    name: "inputname",
    placeholder: "placeholder"
  }), /*#__PURE__*/_react.default.createElement("div", {
    style: {
      display: 'flex',
      justifyContent: 'flex-end',
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://www.wfp.org"
  }, "Another link"), /*#__PURE__*/_react.default.createElement(_Button.default, {
    kind: "primary",
    style: {
      marginLeft: '2rem'
    }
  }, "Register"))));
};

exports.WithImage = WithImage;
WithImage.args = {
  image: 'http://www1.wfp.org/sites/default/files/images/yemen-hero-min.jpg'
};