Secondary Navigation

This navigation is a component mostly because it's responsive. There is nothing else to it. It toggles to a select on small screens.

= ui_component('navigation/secondary', properties: {as_below} )
{
  items: [
    {
      title: "Overview",
      slug: "argentina"
    },
    {
      title: "Things to do",
      slug: "things-to-do",
      submenu: [
        {
          title: "Sights",
          slug: "#sights",
          icon_class: "icon--sight--before"
        },
        {
          title: "Restaurants",
          slug: "#restaurants",
          icon_class: "icon--restaurant--before"
        },
        {
          title: "Shopping",
          slug: "#shopping",
          icon_class: "icon--shopping--before"
        },
        {
          title: "Entertainment",
          slug: "#entertainment",
          icon_class: "icon--entertainment--before"
        },
        {
          title: "Activities",
          slug: "#activities",
          icon_class: "icon--activity--before"
        },
        {
          title: "Tours",
          slug: "#tours",
          icon_class: "icon--tour--before"
        },
        {
          title: "Events",
          slug: "#events",
          icon_class: "icon--event--before"
        }
      ]
    },
    {
      title: "Hotels",
      slug: "hotels",
      current: true
    },
    {
      title: "Tips & articles",
      slug: "travel-tips-and-articles"
    },
    {
      title: "Images & video",
      slug: "images-and-video"
    }
  ]
}