import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import markdown from './README.mdx';
import { Footer } from '.';
import { FooterMetaLink } from './FooterExternal';
import Link from '../Link';
export default {
  title: 'Components/UI Elements/Footer',
  component: Footer,
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: markdown,
    previewWidth: 'full'
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(Footer, args, /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info"
  }, /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/React.createElement("p", {
    className: "wfp--footer__label"
  }, "A label"), /*#__PURE__*/React.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "Second Link")))), /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/React.createElement("p", {
    className: "wfp--footer__label"
  }, "Another label"), /*#__PURE__*/React.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "Second Link"))))));
};
Regular.args = {
  external: false
};
export var External = function External(args) {
  return /*#__PURE__*/React.createElement(Footer, _extends({}, args, {
    metaLinks: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FooterMetaLink, {
      href: "hh.com"
    }, "First legal link"), /*#__PURE__*/React.createElement(FooterMetaLink, {
      href: "hh.com"
    }, "Second legal link"))
  }), /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer-ext__nav-column"
  }, /*#__PURE__*/React.createElement("p", {
    className: "wfp--footer-ext__nav-title"
  }, "First title"), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement("ul", {
    className: "wfp--footer-ext__nav-list"
  }, /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "First link")), /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "Second link")), /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "Third link")), /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "Fourth link")), /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "Fifth link"))))), /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer-ext__nav-column"
  }, /*#__PURE__*/React.createElement("p", {
    className: "wfp--footer-ext__nav-title"
  }, "Second title"), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement("ul", {
    className: "wfp--footer-ext__nav-list"
  }, /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "First link")), /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "Second link")), /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "Third link")), /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "Fourth link")), /*#__PURE__*/React.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/React.createElement(Link, null, "Fifth link"))))));
};
External.args = {
  external: true,
  productName: /*#__PURE__*/React.createElement("span", null, "Service ", /*#__PURE__*/React.createElement("br", null), " Marketplace"),
  metaContent: 'Via C. G. Viola 68 Parco dei Medici, 00148 Rome, Italy'
};
External.story = {
  parameters: {
    docs: {
      storyDescription: 'External Footer is used for external applications facing the public audience. It should contain WFP logo, HQ address and metadata like copyright.'
    }
  }
};
export var Internal = function Internal(args) {
  return /*#__PURE__*/React.createElement(Footer, args, /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info"
  }, /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/React.createElement("p", {
    className: "wfp--footer__label"
  }, "A label"), /*#__PURE__*/React.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "Second Link")))), /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/React.createElement("p", {
    className: "wfp--footer__label"
  }, "Another label"), /*#__PURE__*/React.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "Second Link"))))));
}; // Internal.args = {
//   metaContent: '2019 © World Food Programme',
//   external: true,
// };

Internal.story = {
  parameters: {
    docs: {
      storyDescription: 'Internal Footer is used in applications that are for internal purposes and not available for external users. In the left section you can add links'
    }
  }
};
export var OverrideLogos = function OverrideLogos(args) {
  return /*#__PURE__*/React.createElement(Footer, _extends({}, args, {
    logo: /*#__PURE__*/React.createElement("div", null, "Logo"),
    logoExtended: /*#__PURE__*/React.createElement("div", null, "LogoExtended")
  }), /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info"
  }, /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/React.createElement("p", {
    className: "wfp--footer__label"
  }, "A label"), /*#__PURE__*/React.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "Second Link")))), /*#__PURE__*/React.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/React.createElement("p", {
    className: "wfp--footer__label"
  }, "Another label"), /*#__PURE__*/React.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    href: "http://www.wfp.org"
  }, "Second Link"))))));
};
OverrideLogos.story = {
  parameters: {
    docs: {
      storyDescription: 'The logos for `logo`, `logoExtended`  can be replaced by a custom react component.'
    }
  }
};