"use strict";

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

exports.__esModule = true;
exports.NoResults = void 0;

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

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Common = require("../../../Common");

var _templateObject, _templateObject2, _templateObject3;

var NoResults = function NoResults(_ref) {
  var isLoading = _ref.isLoading,
      isCategory = _ref.isCategory;
  if (isLoading) return /*#__PURE__*/_react["default"].createElement(_Common.Spinner, null);
  return /*#__PURE__*/_react["default"].createElement(Container, {
    isCategory: isCategory
  }, /*#__PURE__*/_react["default"].createElement(SearchIconContainer, null, /*#__PURE__*/_react["default"].createElement(_Common.MagnifyingGlass, null)), /*#__PURE__*/_react["default"].createElement(Content, null, "No matching items found"));
};

exports.NoResults = NoResults;

var Container = _styledComponents["default"].div.attrs({
  className: 'd-flex justify-content-center flex-column align-items-center'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  min-height: 50rem;\n\n  ", "\n"])), function (_ref2) {
  var isCategory = _ref2.isCategory;
  return isCategory && "\n    min-height: fit-content;\n    margin-top: 10rem;\n    margin-bottom: 14rem;\n  ";
});

var SearchIconContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  pointer-events: none;\n  & svg {\n    width: 5rem;\n    height: 5rem;\n  }\n"])));

var Content = (0, _styledComponents["default"])(_Common.Typography).attrs({
  variant: 4
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: fit-content;\n"])));
//# sourceMappingURL=index.js.map