import React from 'react';
import Link from '../../components/Link';
import Story from '../../components/Story';
import Wrapper from '../../components/Wrapper';
import { WarningSolid16 } from '@wfp/icons-react';
import markdown from './README.mdx';
export default {
  title: 'Templates/Not authorized',
  parameters: {
    componentSubtitle: 'Example',
    status: 'released',
    mdx: markdown,
    introText: 'The not authorized example page can be used when the user has no access to the whole page.'
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(Wrapper, {
    pageWidth: "lg",
    spacing: "md"
  }, /*#__PURE__*/React.createElement(Story, {
    className: "wfp--story__center wfp--story__full-height"
  }, /*#__PURE__*/React.createElement(WarningSolid16, {
    fill: "#007DBC",
    width: 100,
    height: 100,
    style: {
      marginBottom: '3rem'
      /*,
      filter:
      'drop-shadow(10px 6px 0px #f7b825)', transform: 'rotate(10deg)'*/

    }
  }), /*#__PURE__*/React.createElement("h1", {
    className: "wfp--story__title"
  }, "Not authorized"), /*#__PURE__*/React.createElement("p", null, "Sorry, you are not authorized to access this page.", /*#__PURE__*/React.createElement("br", null), "To request access please write to", ' ', /*#__PURE__*/React.createElement(Link, {
    href: "mailto:example@wfp.org"
  }, "example@wfp.org"), ".", /*#__PURE__*/React.createElement("br", null), "Go back to ", /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "Homepage"))));
};
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      "
      }
    }
  }
};