@nice-digital/global-nav 5.0.940 → 7.0.930

package/lib/Header/Nav/Dropdown/Components/AboutUs.js

@@ -1,118 +1,229 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.AboutUs = AboutUs;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = require("./Button");
-
 var _Grid = require("./Grid");
-
 var _ComponentsModule = _interopRequireDefault(require("./Components.module.scss"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/prop-types */
+
 function AboutUs(_ref) {
   var rootUrl = _ref.rootUrl;
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    "aria-label": "About - navigation"
-  }, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "mt--0"
-  }, "About"), /*#__PURE__*/_react["default"].createElement("p", null, "NICE helps practitioners and commissioners get the best care to patients, fast, while ensuring value for the taxpayer."), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "cta",
-    to: rootUrl + "/about"
-  }, "Explore about"), /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
-    gutter: "loose"
-  }, /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
-    "data-tracking": "Our programmes",
-    className: (0, _classnames["default"])(_ComponentsModule["default"].aboutCol, _ComponentsModule["default"].aboutCol1)
-  }, /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "mt--d"
-  }, "Our programmes"), /*#__PURE__*/_react["default"].createElement("p", null, "Learn about the information we produce."), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: (0, _classnames["default"])(_ComponentsModule["default"].listUnstyled, "mt--d")
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/our-programmes/nice-guidance"
-  }, "Guidance")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/our-programmes/nice-advice"
-  }, "Advice")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/standards-and-indicators/quality-standards"
-  }, "Quality standards")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/standards-and-indicators/indicators"
-  }, "Indicators")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/digital-health"
-  }, "Digital health")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/our-programmes/topic-selection"
-  }, "Topic selection")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
-    "data-tracking": "Get involved",
-    className: (0, _classnames["default"])(_ComponentsModule["default"].aboutCol)
-  }, /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "mt--d"
-  }, "Get involved"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: (0, _classnames["default"])(_ComponentsModule["default"].listColumnar, "mt--d")
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Understand how decisions are made:"), /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/get-involved/meetings-in-public"
-  }, "Attend a committee meeting")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Comment on draft guidance:"), /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/get-involved/consultations"
-  }, "Guidance in consultation")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Be part of a guidance committee:"), /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/get-involved/our-committees"
-  }, "Join a committee")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Help develop our products:"), /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/get-involved/stakeholder-registration"
-  }, "Register as a stakeholder")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Putting you at the heart of our work:"), /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/nice-communities/nice-and-the-public/public-involvement"
-  }, "Public involvement"))), /*#__PURE__*/_react["default"].createElement(_Grid.Grid, null, /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
-    "data-tracking": "What we do"
-  }, /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "mt--d"
-  }, "What we do"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: (0, _classnames["default"])(_ComponentsModule["default"].listUnstyled, "mt--d")
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/nice-communities/social-care"
-  }, "Social care")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/life-sciences"
-  }, "Life sciences")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/nice-international"
-  }, "NICE international")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/our-programmes/patient-safety"
-  }, "Patient safety")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/our-programmes/nice-guidance/nice-guidelines/shared-decision-making"
-  }, "Shared decision making")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
-    "data-tracking": "Into practice"
-  }, /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "mt--d"
-  }, "Into practice"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: (0, _classnames["default"])(_ComponentsModule["default"].listUnstyled, "mt--d")
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/nice-communities/social-care/quick-guides"
-  }, "Social care quick guides")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/into-practice/measuring-the-uptake-of-nice-guidance"
-  }, "Measuring the use of NICE guidance")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/into-practice/resource-planner"
-  }, "Resource planner")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/what-we-do/into-practice"
-  }, "View all Into practice")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
-    "data-tracking": "Who we are"
-  }, /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "mt--d"
-  }, "Who we are"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: (0, _classnames["default"])(_ComponentsModule["default"].listUnstyled, "mt--d")
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/who-we-are/board"
-  }, "The board")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/who-we-are/corporate-publications/the-nice-strategy-2021-to-2026"
-  }, "The NICE strategy 2021 to 2026")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/who-we-are/corporate-publications"
-  }, "Corporate publications")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/who-we-are"
-  }, "View all Who we are"))))))), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: (0, _classnames["default"])(_ComponentsModule["default"].inlineList, "mt--d"),
-    "data-tracking": "Contact us"
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/get-involved/contact-us"
-  }, "Contact us")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/get-involved/jobs"
-  }, "Jobs"))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+    "aria-label": "About - navigation",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+      className: "mt--0",
+      children: "About"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "NICE helps practitioners and commissioners get the best care to patients, fast, while ensuring value for the taxpayer."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: "cta",
+      to: "".concat(rootUrl, "/about"),
+      children: "Explore about"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.Grid, {
+      gutter: "loose",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.GridItem, {
+        "data-tracking": "Our programmes",
+        className: (0, _classnames.default)(_ComponentsModule.default.aboutCol, _ComponentsModule.default.aboutCol1),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          className: "mt--d",
+          children: "Our programmes"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: "Learn about the information we produce."
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+          className: (0, _classnames.default)(_ComponentsModule.default.listUnstyled, "mt--d"),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/about/what-we-do/our-programmes/nice-guidance"),
+              children: "Guidance"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/about/what-we-do/our-programmes/nice-advice"),
+              children: "Advice"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/standards-and-indicators/quality-standards"),
+              children: "Quality standards"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/standards-and-indicators/indicators"),
+              children: "Indicators"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/about/what-we-do/digital-health"),
+              children: "Digital health"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/about/what-we-do/our-programmes/topic-selection"),
+              children: "Topic selection"
+            })
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.GridItem, {
+        "data-tracking": "Get involved",
+        className: (0, _classnames.default)(_ComponentsModule.default.aboutCol),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          className: "mt--d",
+          children: "Get involved"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+          className: (0, _classnames.default)(_ComponentsModule.default.listColumnar, "mt--d"),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              children: "Understand how decisions are made:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/get-involved/meetings-in-public"),
+              children: "Attend a committee meeting"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              children: "Comment on draft guidance:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/get-involved/consultations"),
+              children: "Guidance in consultation"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              children: "Be part of a guidance committee:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/get-involved/our-committees"),
+              children: "Join a committee"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              children: "Help develop our products:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/get-involved/stakeholder-registration"),
+              children: "Register as a stakeholder"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              children: "Putting you at the heart of our work:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/about/nice-communities/nice-and-the-public/public-involvement"),
+              children: "Public involvement"
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.Grid, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.GridItem, {
+            "data-tracking": "What we do",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+              className: "mt--d",
+              children: "What we do"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+              className: (0, _classnames.default)(_ComponentsModule.default.listUnstyled, "mt--d"),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/nice-communities/social-care"),
+                  children: "Social care"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/what-we-do/life-sciences"),
+                  children: "Life sciences"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/what-we-do/nice-international"),
+                  children: "NICE international"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/what-we-do/our-programmes/patient-safety"),
+                  children: "Patient safety"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/what-we-do/our-programmes/nice-guidance/nice-guidelines/shared-decision-making"),
+                  children: "Shared decision making"
+                })
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.GridItem, {
+            "data-tracking": "Into practice",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+              className: "mt--d",
+              children: "Into practice"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+              className: (0, _classnames.default)(_ComponentsModule.default.listUnstyled, "mt--d"),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/nice-communities/social-care/quick-guides"),
+                  children: "Social care quick guides"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/what-we-do/into-practice/measuring-the-uptake-of-nice-guidance"),
+                  children: "Measuring the use of NICE guidance"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/what-we-do/into-practice/resource-planner"),
+                  children: "Resource planner"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/what-we-do/into-practice"),
+                  children: "View all Into practice"
+                })
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.GridItem, {
+            "data-tracking": "Who we are",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+              className: "mt--d",
+              children: "Who we are"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+              className: (0, _classnames.default)(_ComponentsModule.default.listUnstyled, "mt--d"),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/who-we-are/board"),
+                  children: "The board"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/who-we-are/corporate-publications/the-nice-strategy-2021-to-2026"),
+                  children: "The NICE strategy 2021 to 2026"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/who-we-are/corporate-publications"),
+                  children: "Corporate publications"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  href: "".concat(rootUrl, "/about/who-we-are"),
+                  children: "View all Who we are"
+                })
+              })]
+            })]
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+      className: (0, _classnames.default)(_ComponentsModule.default.inlineList, "mt--d"),
+      "data-tracking": "Contact us",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          href: "".concat(rootUrl, "/get-involved/contact-us"),
+          children: "Contact us"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          href: "".concat(rootUrl, "/get-involved/jobs"),
+          children: "Jobs"
+        })
+      })]
+    })]
+  });
 }

package/lib/Header/Nav/Dropdown/Components/BNF.js

@@ -1,24 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.BNF = BNF;
-
-var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = require("./Button");
-
 var _Grid = require("./Grid");
-
 var _ComponentsModule = _interopRequireDefault(require("./Components.module.scss"));
-
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/prop-types */
-function BNF(_ref) {
-  var _this = this;
 
+function BNF(_ref) {
   var rootUrl = _ref.rootUrl;
   var drugsAtoZurl = rootUrl + "/drugs/#";
   var drugsAtoZ = [{
@@ -100,68 +94,119 @@ function BNF(_ref) {
     letter: "Z",
     link: true
   }];
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    "aria-label": "BNF - dropdown navigation"
-  }, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "mt--0"
-  }, "BNF"), /*#__PURE__*/_react["default"].createElement("p", null, "The BNF aims to provide prescribers, pharmacists, and other healthcare professionals with sound up-to-date information about the use of medicines."), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "cta",
-    to: rootUrl
-  }, "View BNF"), /*#__PURE__*/_react["default"].createElement("div", {
-    "data-tracking": "Drugs A to Z"
-  }, /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "mt--d"
-  }, "Drugs A to Z"), /*#__PURE__*/_react["default"].createElement("ol", {
-    className: _ComponentsModule["default"].alphabet
-  }, drugsAtoZ.map(function (_ref2) {
-    (0, _newArrowCheck2["default"])(this, _this);
-    var letter = _ref2.letter,
-        link = _ref2.link;
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      key: letter,
-      className: _ComponentsModule["default"].letter + " " + (link ? "" : _ComponentsModule["default"].chunkyLetter)
-    }, link ? /*#__PURE__*/_react["default"].createElement("a", {
-      href: "" + drugsAtoZurl + letter.toLowerCase()
-    }, letter) : /*#__PURE__*/_react["default"].createElement("span", null, letter));
-  }.bind(this)))), /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
-    gutter: "loose"
-  }, /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
-    "data-tracking": "Browse A to Z by"
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, "Browse A to Z by"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: _ComponentsModule["default"].listUnstyled
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/interactions/"
-  }, "Interactions")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/treatment-summaries/"
-  }, "Treatment summaries")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
-    "data-tracking": "Browse by type",
-    style: {
-      flex: 2
-    }
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, "Browse by type"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: _ComponentsModule["default"].listUnstyled,
-    style: {
-      columnCount: 2
-    }
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/dental-practitioners-formulary/"
-  }, "Dental practitioners' formulary")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/nurse-prescribers-formulary/"
-  }, "Nurse prescribers' formulary")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/guidance/"
-  }, "Medicines guidance")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/wound-management/"
-  }, "Wound management")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/medical-devices/"
-  }, "Medical devices")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/borderline-substances/"
-  }, "Borderline substances")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
-    "data-tracking": "What's new"
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, "What's new"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: _ComponentsModule["default"].listUnstyled
-  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/changes/"
-  }, "Latest BNF"))))), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("a", {
-    href: rootUrl + "/about/"
-  }, "About BNF"));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+    "aria-label": "BNF - dropdown navigation",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+      className: "mt--0",
+      children: "BNF"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "The BNF aims to provide prescribers, pharmacists, and other healthcare professionals with sound up-to-date information about the use of medicines."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: "cta",
+      to: rootUrl,
+      children: "View BNF"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      "data-tracking": "Drugs A to Z",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+        className: "mt--d",
+        children: "Drugs A to Z"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
+        className: _ComponentsModule.default.alphabet,
+        children: drugsAtoZ.map(function (_ref2) {
+          var letter = _ref2.letter,
+            link = _ref2.link;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            className: "".concat(_ComponentsModule.default.letter, " ").concat(link ? "" : _ComponentsModule.default.chunkyLetter),
+            children: link ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(drugsAtoZurl).concat(letter.toLowerCase()),
+              children: letter
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: letter
+            })
+          }, letter);
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.Grid, {
+      gutter: "loose",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.GridItem, {
+        "data-tracking": "Browse A to Z by",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          children: "Browse A to Z by"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+          className: _ComponentsModule.default.listUnstyled,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/interactions/"),
+              children: "Interactions"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/treatment-summaries/"),
+              children: "Treatment summaries"
+            })
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.GridItem, {
+        "data-tracking": "Browse by type",
+        style: {
+          flex: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          children: "Browse by type"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+          className: _ComponentsModule.default.listUnstyled,
+          style: {
+            columnCount: 2
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/dental-practitioners-formulary/"),
+              children: "Dental practitioners' formulary"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/nurse-prescribers-formulary/"),
+              children: "Nurse prescribers' formulary"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/guidance/"),
+              children: "Medicines guidance"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/wound-management/"),
+              children: "Wound management"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/medical-devices/"),
+              children: "Medical devices"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/borderline-substances/"),
+              children: "Borderline substances"
+            })
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.GridItem, {
+        "data-tracking": "What's new",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          children: "What's new"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+          className: _ComponentsModule.default.listUnstyled,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: "".concat(rootUrl, "/about/changes/"),
+              children: "Latest BNF"
+            })
+          })
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      href: "".concat(rootUrl, "/about/"),
+      children: "About BNF"
+    })]
+  });
 }