"use strict";

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

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

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

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

var _Story = _interopRequireDefault(require("../../components/Story"));

var _Wrapper = _interopRequireDefault(require("../../components/Wrapper"));

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

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

var _default = {
  title: 'Templates/Not authorized',
  parameters: {
    componentSubtitle: 'Example',
    status: 'released',
    mdx: _README.default,
    introText: 'The not authorized example page can be used when the user has no access to the whole page.'
  }
};
exports.default = _default;

var Regular = function Regular(args) {
  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
    pageWidth: "lg",
    spacing: "md"
  }, /*#__PURE__*/_react.default.createElement(_Story.default, {
    className: "wfp--story__center wfp--story__full-height"
  }, /*#__PURE__*/_react.default.createElement(_iconsReact.WarningSolid16, {
    fill: "#007DBC",
    width: 100,
    height: 100,
    style: {
      marginBottom: '3rem'
      /*,
      filter:
      'drop-shadow(10px 6px 0px #f7b825)', transform: 'rotate(10deg)'*/

    }
  }), /*#__PURE__*/_react.default.createElement("h1", {
    className: "wfp--story__title"
  }, "Not authorized"), /*#__PURE__*/_react.default.createElement("p", null, "Sorry, you are not authorized to access this page.", /*#__PURE__*/_react.default.createElement("br", null), "To request access please write to", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "mailto:example@wfp.org"
  }, "example@wfp.org"), ".", /*#__PURE__*/_react.default.createElement("br", null), "Go back to ", /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "Homepage"))));
};

exports.Regular = Regular;
Regular.story = {
  parameters: {
    docs: {
      source: {
        code: "\nimport { Wrapper, Story, Icon} from \"@wfp/ui\";\nimport { iconWfpHumEmergencyResponsePos } from '@wfp/icons-react';\n\n<Wrapper pageWidth=\"lg\" spacing=\"md\">\n  <Story className=\"wfp--story__center wfp--story__full-height\">\n    <WarningSolid16\n      fill=\"#007DBC\"\n      width={100}\n      height={100}\n      style={{\n        marginBottom: '3rem'\n      }}\n    />\n    <h1 className=\"wfp--story__title\">Not authorized</h1>\n    <p>\n      Sorry, you are not authorized to access this page.\n      <br />\n      To request access please write to{' '}\n      <Link href=\"mailto:example@wfp.org\">example@wfp.org</Link>.<br />\n      Go back to <Link href=\"http://www.wfp.org\">Homepage</Link>\n    </p>\n  </Story>\n</Wrapper>\n      "
      }
    }
  }
};