"use strict";

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

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

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

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

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

var _Contacts = require("./Components/Contacts");

var _QuickAssists = require("./Components/QuickAssists");

var _Typography = require("../Common/Typography");

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;

var HelpCenter = function HelpCenter(_ref) {
  var quickAssists = _ref.quickAssists,
      contacts = _ref.contacts,
      title = _ref.title;
  return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(Title, null, title), /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(QuickAssistsContent, null, /*#__PURE__*/_react["default"].createElement(QuickAssistsTitle, null, /*#__PURE__*/_react["default"].createElement("h2", null, quickAssists == null ? void 0 : quickAssists.title), /*#__PURE__*/_react["default"].createElement("h5", null, quickAssists == null ? void 0 : quickAssists.subtitle)), /*#__PURE__*/_react["default"].createElement(_QuickAssists.QuickAssists, {
    quickAssists: quickAssists
  })), /*#__PURE__*/_react["default"].createElement(ContactsContentWrapper, null, /*#__PURE__*/_react["default"].createElement(ContactsTitleContainer, null, /*#__PURE__*/_react["default"].createElement(ContactsTitle, null, contacts == null ? void 0 : contacts.title), /*#__PURE__*/_react["default"].createElement("h5", null, contacts == null ? void 0 : contacts.subtitle)), /*#__PURE__*/_react["default"].createElement(ContactsContent, null, /*#__PURE__*/_react["default"].createElement(_Contacts.Contacts, {
    contacts: contacts
  })))));
};

exports.HelpCenter = HelpCenter;

var Wrapper = _styledComponents["default"].div.attrs({
  className: ''
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var Container = _styledComponents["default"].div.attrs({
  className: ''
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  @media (min-width: ", ") {\n    margin: 6rem 12rem;\n    padding: 1rem 6rem;\n    border: 1px solid ", ";\n  }\n\n  @media (max-width: ", ") {\n    margin: 2rem;\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.breakpoints.md.max;
}, function (props) {
  return props.theme.palette.grey;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.breakpoints.md.max;
});

var QuickAssistsContent = _styledComponents["default"].div.attrs({
  className: 'row'
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var QuickAssistsTitle = _styledComponents["default"].div.attrs({
  className: 'py-4'
})(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  padding: 0;\n\n  border-bottom: 1px solid ", ";\n  @media (max-width: ", ") {\n    padding: 0 0.7rem;\n  }\n  @media (max-width: ", ") {\n    padding-left: 3.2rem;\n  }\n"])), function (props) {
  return props.theme.palette.grey;
}, function (props) {
  return props.theme.breakpoints.sm.min;
}, function (props) {
  return props.theme.breakpoints.md.max;
});

var Title = _styledComponents["default"].h1.attrs({
  className: 'm-5'
})(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  text-align: center;\n"])));

var ContactsContentWrapper = _styledComponents["default"].div.attrs({
  className: 'row'
})(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var ContactsContent = _styledComponents["default"].div.attrs({
  className: 'row m-0 px-3'
})(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var ContactsTitleContainer = _styledComponents["default"].div.attrs({
  className: 'py-3'
})(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  border-bottom: 1px solid ", ";\n\n  padding: 0;\n\n  @media (max-width: ", ") {\n    padding: 0 0.7rem;\n  }\n  @media (max-width: ", ") {\n    padding-left: 3.2rem;\n  }\n"])), function (props) {
  return props.theme.palette.grey;
}, function (props) {
  return props.theme.breakpoints.sm.min;
}, function (props) {
  return props.theme.breakpoints.md.max;
});

var ContactsTitle = (0, _styledComponents["default"])(_Typography.Typography).attrs({
  as: 'h2',
  variant: 2
})(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  @media (max-width: ", ") {\n    display: none;\n  }\n"])), function (props) {
  return props.theme.breakpoints.md.min;
});
//# sourceMappingURL=helpCenter.component.js.map