@lonelyplanet/dotcom-core/dist/templates/autocomplete/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 = {
  "templateAutocomplete": "lp-global-templateAutocomplete",
  "templateAreaKeywordsAutocomplete": "lp-global-templateAreaKeywordsAutocomplete",
  "templateAreaKeywordsAutocompleteShadow": "lp-global-templateAreaKeywordsAutocompleteShadow",
  "templateAreaResultsAutocomplete": "lp-global-templateAreaResultsAutocomplete",
  "templateAreaDestinationsAutocomplete": "lp-global-templateAreaDestinationsAutocomplete",
  "templateAreaPoisAutocomplete": "lp-global-templateAreaPoisAutocomplete",
  "templateAreaNewsAutocomplete": "lp-global-templateAreaNewsAutocomplete",
  "templateAreaCommunityAutocomplete": "lp-global-templateAreaCommunityAutocomplete",
  "templateAreaShopAutocomplete": "lp-global-templateAreaShopAutocomplete",
  "templateAreaTopics": "lp-global-templateAreaTopics"
};

var TemplateAutocomplete = function (_a) {
  var children = _a.children,
      className = _a.className;
  var areas = templateAreas_1.default(["keywords", "results"], children);
  return React.createElement(template_1.default, {
    className: cn(styles.templateAutocomplete, className),
    key: "template-autocomplete"
  }, areas.keywords && React.createElement(template_1.default.Area, {
    key: "keywords",
    className: cn(styles.templateAreaKeywordsAutocomplete, "js-templateAreaKeywordsAutocomplete")
  }, areas.keywords), areas.results && React.createElement(template_1.default.Area, {
    key: "results",
    className: cn(styles.templateAreaResultsAutocomplete, "js-templateAreaResultsAutocomplete")
  }, areas.results));
};

exports.default = TemplateAutocomplete;