"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.OverrideLogos = exports.Internal = exports.External = 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 _ = require(".");

var _FooterExternal = require("./FooterExternal");

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

var _default = {
  title: 'Components/UI Elements/Footer',
  component: _.Footer,
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: _README.default,
    previewWidth: 'full'
  }
};
exports.default = _default;

var Regular = function Regular(args) {
  return /*#__PURE__*/_react.default.createElement(_.Footer, args, /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--footer__label"
  }, "A label"), /*#__PURE__*/_react.default.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "Second Link")))), /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--footer__label"
  }, "Another label"), /*#__PURE__*/_react.default.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "Second Link"))))));
};

exports.Regular = Regular;
Regular.args = {
  external: false
};

var External = function External(args) {
  return /*#__PURE__*/_react.default.createElement(_.Footer, (0, _extends2.default)({}, args, {
    metaLinks: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FooterExternal.FooterMetaLink, {
      href: "hh.com"
    }, "First legal link"), /*#__PURE__*/_react.default.createElement(_FooterExternal.FooterMetaLink, {
      href: "hh.com"
    }, "Second legal link"))
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer-ext__nav-column"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--footer-ext__nav-title"
  }, "First title"), /*#__PURE__*/_react.default.createElement("nav", null, /*#__PURE__*/_react.default.createElement("ul", {
    className: "wfp--footer-ext__nav-list"
  }, /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "First link")), /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "Second link")), /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "Third link")), /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "Fourth link")), /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "Fifth link"))))), /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer-ext__nav-column"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--footer-ext__nav-title"
  }, "Second title"), /*#__PURE__*/_react.default.createElement("nav", null, /*#__PURE__*/_react.default.createElement("ul", {
    className: "wfp--footer-ext__nav-list"
  }, /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "First link")), /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "Second link")), /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "Third link")), /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "Fourth link")), /*#__PURE__*/_react.default.createElement("li", {
    className: "wfp--footer-ext__nav-link"
  }, /*#__PURE__*/_react.default.createElement(_Link.default, null, "Fifth link"))))));
};

exports.External = External;
External.args = {
  external: true,
  productName: /*#__PURE__*/_react.default.createElement("span", null, "Service ", /*#__PURE__*/_react.default.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.'
    }
  }
};

var Internal = function Internal(args) {
  return /*#__PURE__*/_react.default.createElement(_.Footer, args, /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--footer__label"
  }, "A label"), /*#__PURE__*/_react.default.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "Second Link")))), /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--footer__label"
  }, "Another label"), /*#__PURE__*/_react.default.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "Second Link"))))));
}; // Internal.args = {
//   metaContent: '2019 © World Food Programme',
//   external: true,
// };


exports.Internal = Internal;
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'
    }
  }
};

var OverrideLogos = function OverrideLogos(args) {
  return /*#__PURE__*/_react.default.createElement(_.Footer, (0, _extends2.default)({}, args, {
    logo: /*#__PURE__*/_react.default.createElement("div", null, "Logo"),
    logoExtended: /*#__PURE__*/_react.default.createElement("div", null, "LogoExtended")
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--footer__label"
  }, "A label"), /*#__PURE__*/_react.default.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "Second Link")))), /*#__PURE__*/_react.default.createElement("div", {
    className: "wfp--footer__info__item"
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: "wfp--footer__label"
  }, "Another label"), /*#__PURE__*/_react.default.createElement("ul", {
    className: "wfp--footer__list"
  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "First Link")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "http://www.wfp.org"
  }, "Second Link"))))));
};

exports.OverrideLogos = OverrideLogos;
OverrideLogos.story = {
  parameters: {
    docs: {
      storyDescription: 'The logos for `logo`, `logoExtended`  can be replaced by a custom react component.'
    }
  }
};