fomantic-ui-react/lib/search/SearchResult.js

Fomantic-UI React -- A React Component Library.

/**
 * fomantic-ui-react v0.0.1-alpha.10
 * (c) 2022 FireLoong <fireloong@foxmail.com>
 * @license MIT
 */

'use strict';

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

var classNames = require('classnames');
var React = require('react');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

var defaultRenderer = function defaultRenderer(_ref) {
  var image = _ref.image,
      price = _ref.price,
      title = _ref.title,
      description = _ref.description;
  return [image && /* @__PURE__ */React__default["default"].createElement("div", {
    key: "image",
    className: "image"
  }, /* @__PURE__ */React__default["default"].createElement("img", {
    src: image
  })), /* @__PURE__ */React__default["default"].createElement("div", {
    key: "content",
    className: "content"
  }, price && /* @__PURE__ */React__default["default"].createElement("div", {
    className: "price"
  }, price), title && /* @__PURE__ */React__default["default"].createElement("div", {
    className: "title"
  }, title), description && /* @__PURE__ */React__default["default"].createElement("div", {
    className: "description"
  }, description))];
};

var SearchResult = function SearchResult(props) {
  var _props$as = props.as,
      as = _props$as === void 0 ? "div" : _props$as,
      className = props.className,
      active = props.active,
      _props$renderer = props.renderer,
      renderer = _props$renderer === void 0 ? defaultRenderer : _props$renderer,
      onClick = props.onClick;

  var handleClick = function handleClick(e) {
    onClick === null || onClick === void 0 ? void 0 : onClick(e, props);
  };

  return /*#__PURE__*/React.createElement(as ? as : "div", {
    className: classNames__default["default"]("result", {
      active: active
    }, className),
    onClick: handleClick
  }, renderer(props));
};

SearchResult.displayName = "SearchResult";

exports["default"] = SearchResult;
//# sourceMappingURL=SearchResult.js.map