@shopgate/engage/a11y/components/Navigation/index.js

Shopgate's ENGAGE library.

import React from'react';import PropTypes from'prop-types';import{Link,I18n}from'@shopgate/engage/components';import styles from"./style";/**
 * @param {Object} props component props.
 * @param {string} props.title Navigation title.
 * @param {Array} props.entries Navigation entries.
 * @param {Object} context  The component context.
 * @returns {JSX}
 */var Navigation=function Navigation(_ref,context){var title=_ref.title,entries=_ref.entries;var _context$i18n=context.i18n(),__=_context$i18n.__;if(!entries||!entries.length){return null;}return React.createElement("nav",{"aria-label":title?__(title):null},React.createElement("ul",{className:styles},entries.map(function(_ref2){var entryTitle=_ref2.title,link=_ref2.link;return React.createElement("li",{key:link},React.createElement(Link,{href:link},React.createElement(I18n.Text,{string:entryTitle})));})));};Navigation.defaultProps={title:null,entries:[]};Navigation.contextTypes={i18n:PropTypes.func};export default Navigation;