@kiwicom/smart-faq/lib/shared/StaticFAQ/NoSearchResults.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

var React = _interopRequireWildcard(require("react"));

var _idx = _interopRequireDefault(require("idx"));

var _reactRouterDom = require("react-router-dom");

var _Heading = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Heading"));

var _Text = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Text"));

var _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate"));

var _FAQCategoryList = _interopRequireDefault(require("./FAQCategoryList"));

// @flow
var styles = new String("div.title{margin-top:52px;}ul{margin-left:15px;}ul li{padding-left:10px;margin-left:10px;}div.subtitle{margin-top:70px;margin-bottom:16px;}@media only screen and (max-width:901px){div.content{padding-left:30px;}div.subtitle{margin-bottom:10px;}}");
styles.__hash = "1340175725";
styles.__scoped = "div.title.jsx-3601501516{margin-top:52px;}ul.jsx-3601501516{margin-left:15px;}ul.jsx-3601501516 li.jsx-3601501516{padding-left:10px;margin-left:10px;}div.subtitle.jsx-3601501516{margin-top:70px;margin-bottom:16px;}@media only screen and (max-width:901px){div.content.jsx-3601501516{padding-left:30px;}div.subtitle.jsx-3601501516{margin-bottom:10px;}}";
styles.__scopedHash = "3601501516";
/*:: type Props = {
  match: {
    params: {
      categoryId: ?string,
      [key: string]: ?string,
    },
    isExact: boolean,
    path: string,
    url: string,
  },
};*/

var NoSearchResults = function NoSearchResults(props
/*: Props*/
) {
  var categoryId = (0, _idx.default)(props.match, function (_) {
    return _.params.categoryId;
  }) || null;
  return React.createElement(React.Fragment, null, !categoryId && React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "content"
  }, React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "title"
  }, React.createElement(_Heading.default, {
    type: "title3"
  }, React.createElement(_Translate.default, {
    html: true,
    t: "smartfaq.faq.no_search_results.title"
  }))), React.createElement("ul", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement("li", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement(_Text.default, null, React.createElement(_Translate.default, {
    t: "smartfaq.faq.no_search_results.description_1"
  }))), React.createElement("li", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement(_Text.default, null, React.createElement(_Translate.default, {
    t: "smartfaq.faq.no_search_results.description_2"
  }))), React.createElement("li", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement(_Text.default, null, React.createElement(_Translate.default, {
    t: "smartfaq.faq.no_search_results.description_3"
  }))), React.createElement("li", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement(_Text.default, null, React.createElement(_Translate.default, {
    t: "smartfaq.faq.no_search_results.description_4"
  })))), React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "subtitle"
  }, React.createElement(_Text.default, {
    size: "normal",
    weight: "bold"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.faq.no_search_results.suggestion"
  })))), React.createElement(_FAQCategoryList.default, {
    categoryId: categoryId
  }), React.createElement(_style.default, {
    styleId: styles.__scopedHash,
    css: styles.__scoped
  }));
};

var _default = (0, _reactRouterDom.withRouter)(NoSearchResults);

exports.default = _default;