@lonelyplanet/dotcom-core/dist/components/autocompleteResults/autocompleteResultsListItem.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 React = require("react");

var iconVideo_1 = require("../iconVideo");

var styles = {
  "list": "lp-global-list",
  "item": "lp-global-item",
  "link": "lp-global-link",
  "image": "lp-global-image",
  "heading": "lp-global-heading",
  "description": "lp-global-description"
};

exports.AutocompleteResultsListItem = function (_a) {
  var title = _a.title,
      url = _a.url,
      _b = _a.isVideo,
      isVideo = _b === void 0 ? false : _b,
      subHead = _a.subHead,
      opType = _a.opType,
      image = _a.image;
  return React.createElement("li", {
    className: styles.item
  }, React.createElement("a", {
    className: styles.link,
    href: url
  }, image && React.createElement("img", {
    className: styles.image,
    src: image + "&fit=crop&h=60&w=80",
    alt: title
  }), React.createElement("div", null, React.createElement("h3", {
    className: styles.heading
  }, title), React.createElement("p", {
    className: styles.description
  }, isVideo && React.createElement(iconVideo_1.default, null), subHead))));
};