@mongodb-js/mongodb-ui-components/build/nav/js/nav-bottom/section.js

A collection of frequently used functional UI components found on mongodb properties

'use strict';

import React from 'react';
import NavCTA from '../nav-cta';

const Link = props => {
  const content = props.bold || props.link ? React.createElement(
    'strong',
    null,
    props.text
  ) : props.text;

  if (!props.href) {
    return React.createElement(
      'li',
      { className: props.className },
      content
    );
  }

  return React.createElement(
    'a',
    {
      style: props.style,
      href: props.href,
      className: props.className,
      target: props.newTab ? '_blank' : '_self' },
    React.createElement(
      'li',
      null,
      content
    )
  );
};

export default (props => React.createElement(
  'div',
  { className: 'm-nav-flex-space' },
  props.cta && React.createElement(NavCTA, {
    first: props.count === 0,
    header: props.cta.header,
    links: props.cta.links }),
  (props.midSection.link ? [[props.midSection]] : []).concat(props.linkLists || []).map(function (links, i) {
    return React.createElement(
      'ul',
      { key: i },
      links.map(function (item, j) {
        return React.createElement(Link, {
          key: `${i}.${j}`,
          bold: item.bold,
          link: item.link,
          text: props.isMobile && item.mobileText ? item.mobileText : item.text,
          href: item.href,
          className: item.className,
          style: item.style,
          newTab: item.newTab });
      })
    );
  })
));