@lonelyplanet/dotcom-core/dist/templates/searchActive/index.js

This package is meant to house some of our more common UI and shared libs across dotcom applications.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var cn = require("classnames");

var React = require("react");

var template_1 = require("../template");

var templateAreas_1 = require("../template/templateAreas");

var styles = {
  "templateAreaKeywords": "lp-global-templateAreaKeywords",
  "templateAreaSearches": "lp-global-templateAreaSearches",
  "templateAreaTopics": "lp-global-templateAreaTopics",
  "templateAreaFeatured": "lp-global-templateAreaFeatured",
  "templateAreaDestinations": "lp-global-templateAreaDestinations"
};

var TemplateSearchActive = function (_a) {
  var children = _a.children,
      className = _a.className;
  var areas = templateAreas_1.default(["keywords", "searches", "topics", "featured", "destinations"], children);
  return React.createElement(template_1.default, {
    className: cn(className),
    key: "template-autocomplete"
  }, areas.keywords && React.createElement(template_1.default.Area, {
    key: "keywords",
    className: styles.templateAreaKeywords
  }, areas.keywords), areas.searches && React.createElement(template_1.default.Area, {
    key: "searches",
    className: styles.templateAreaSearches
  }, areas.searches), areas.topics && React.createElement(template_1.default.Area, {
    key: "topics",
    className: styles.templateAreaTopics
  }, areas.topics), areas.featured && React.createElement(template_1.default.Area, {
    key: "featured",
    className: styles.templateAreaFeatured
  }, areas.featured), areas.destinations && React.createElement(template_1.default.Area, {
    key: "destinations",
    className: styles.templateAreaDestinations
  }, areas.destinations));
};

exports.default = TemplateSearchActive;