fomantic-ui-react/es/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
 */

import classNames from 'classnames';
import React, { createElement } from 'react';

var defaultRenderer = function defaultRenderer(_ref) {
  var image = _ref.image,
      price = _ref.price,
      title = _ref.title,
      description = _ref.description;
  return [image && /* @__PURE__ */React.createElement("div", {
    key: "image",
    className: "image"
  }, /* @__PURE__ */React.createElement("img", {
    src: image
  })), /* @__PURE__ */React.createElement("div", {
    key: "content",
    className: "content"
  }, price && /* @__PURE__ */React.createElement("div", {
    className: "price"
  }, price), title && /* @__PURE__ */React.createElement("div", {
    className: "title"
  }, title), description && /* @__PURE__ */React.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__*/createElement(as ? as : "div", {
    className: classNames("result", {
      active: active
    }, className),
    onClick: handleClick
  }, renderer(props));
};

SearchResult.displayName = "SearchResult";

export { SearchResult as default };
//# sourceMappingURL=SearchResult.js.map