@lonelyplanet/dotcom-core
Version:
This package is meant to house some of our more common UI and shared libs across dotcom applications.
28 lines (27 loc) • 1.36 kB
JavaScript
import * as cn from "classnames";
import * as React from "react";
import Template from "../template";
import templateAreas from "../template/templateAreas";
import * as styles from "./styles.css";
var TemplateSearchActive = function (_a) {
var children = _a.children, className = _a.className;
var areas = templateAreas([
"keywords",
"searches",
"topics",
"featured",
"destinations",
], children);
return (React.createElement(Template, { className: cn(className), key: "template-autocomplete" },
areas.keywords &&
React.createElement(Template.Area, { key: "keywords", className: styles.templateAreaKeywords }, areas.keywords),
areas.searches &&
React.createElement(Template.Area, { key: "searches", className: styles.templateAreaSearches }, areas.searches),
areas.topics &&
React.createElement(Template.Area, { key: "topics", className: styles.templateAreaTopics }, areas.topics),
areas.featured &&
React.createElement(Template.Area, { key: "featured", className: styles.templateAreaFeatured }, areas.featured),
areas.destinations &&
React.createElement(Template.Area, { key: "destinations", className: styles.templateAreaDestinations }, areas.destinations)));
};
export default TemplateSearchActive;