import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2, _templateObject3;

import React from 'react';
import styled from 'styled-components';
import { Typography, Spinner, MagnifyingGlass } from '../../../Common';
export var NoResults = (_ref) => {
  var {
    isLoading,
    isCategory
  } = _ref;
  if (isLoading) return /*#__PURE__*/React.createElement(Spinner, null);
  return /*#__PURE__*/React.createElement(Container, {
    isCategory: isCategory
  }, /*#__PURE__*/React.createElement(SearchIconContainer, null, /*#__PURE__*/React.createElement(MagnifyingGlass, null)), /*#__PURE__*/React.createElement(Content, null, "No matching items found"));
};
var Container = styled.div.attrs({
  className: 'd-flex justify-content-center flex-column align-items-center'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  min-height: 50rem;\n\n  ", "\n"])), (_ref2) => {
  var {
    isCategory
  } = _ref2;
  return isCategory && "\n    min-height: fit-content;\n    margin-top: 10rem;\n    margin-bottom: 14rem;\n  ";
});
var SearchIconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  pointer-events: none;\n  & svg {\n    width: 5rem;\n    height: 5rem;\n  }\n"])));
var Content = styled(Typography).attrs({
  variant: 4
})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  width: fit-content;\n"])));
//# sourceMappingURL=index.js.map