"use strict";

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

var _core = require("@emotion/core");

var _index = require("../index");

var _styles = require("../../constants/styles");

function _templateObject7() {
  var data = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: 500;\n  font-size: ", "rem;\n"]);

  _templateObject7 = function _templateObject7() {
    return data;
  };

  return data;
}

function _templateObject6() {
  var data = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: 500;\n"]);

  _templateObject6 = function _templateObject6() {
    return data;
  };

  return data;
}

function _templateObject5() {
  var data = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: Rubik, sans-serif;\n  font-weight: normal;\n  font-size: ", "rem;\n  line-height: ", "rem;\n  text-decoration: none;\n  margin: 0;\n"]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  height: 90px !important;\n  justify-self: end;\n\n  @media (max-width: ", "px) {\n    justify-self: start;\n  }\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  display: grid;\n  justify-content: center;\n\n  @media (max-width: ", "px) {\n    padding: 0 40px;\n  }\n\n  @media (max-width: ", "px) {\n    justify-content: start;\n    padding: 0;\n  }\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  max-width: ", "px;\n  padding: 55px 20px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  align-items: end;\n\n  @media (max-width: ", "px) {\n    grid-template-columns: 1fr auto auto;\n  }\n\n  @media (max-width: ", "px) {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto;\n    grid-row-gap: 30px;\n  }\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  height: 185px;\n  width: 100%;\n  background: #fff;\n\n  position: relative;\n  box-sizing: border-box;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var footerWrapper = (0, _core.css)(_templateObject());

var contentWrapper = function contentWrapper(props) {
  return (0, _core.css)(_templateObject2(), props.greatestWidth, props.collapseWidth, props.condensedWidth);
};

var businessWrapper = function businessWrapper(props) {
  return (0, _core.css)(_templateObject3(), props.collapseWidth, props.condensedWidth);
};

var logoStyle = function logoStyle(props) {
  return (0, _core.css)(_templateObject4(), props.condensedWidth);
};

var textStyle = (0, _core.css)(_templateObject5(), _index.BrandColors.primary.hex, _styles.defaultFontSize / _styles.browserDefaultSize, 50 / _styles.defaultFontSize);
var boldText = (0, _core.css)(_templateObject6(), textStyle);
var header = (0, _core.css)(_templateObject7(), textStyle, 30 / _styles.browserDefaultSize);

var Footer = function Footer(props) {
  return (0, _core.jsx)("footer", {
    css: footerWrapper
  }, (0, _core.jsx)("div", {
    css: contentWrapper(props)
  }, (0, _core.jsx)("div", {
    id: "contact-us"
  }, (0, _core.jsx)("p", {
    css: header
  }, "Contact"), (0, _core.jsx)("a", {
    css: textStyle,
    href: "mailto:hi@civicsoftwarefoundation.org"
  }, "hi@civicsoftwarefoundation.org"), (0, _core.jsx)("p", {
    css: boldText
  }, "Creative and Tech HQ"), (0, _core.jsx)("p", {
    css: textStyle
  }, "Portland, OR"), (0, _core.jsx)("a", {
    css: textStyle,
    href: "tel:12345678901"
  }, "+1-234-567-8901")), (0, _core.jsx)("div", {
    css: businessWrapper(props)
  }, (0, _core.jsx)("div", null, (0, _core.jsx)("p", {
    css: boldText
  }, "Business HQ"), (0, _core.jsx)("p", {
    css: textStyle
  }, "Washington, DC"), (0, _core.jsx)("a", {
    css: textStyle,
    href: "tel:12345678901"
  }, "+1-234-567-8901"))), (0, _core.jsx)(_index.Logo, {
    css: logoStyle(props),
    type: "squareLogo"
  })));
};

Footer.defaultProps = {
  greatestWidth: 1200,
  collapseWidth: 845,
  condensedWidth: 715
};
Footer.displayName = "Footer";
var _default = Footer;
exports["default"] = _default;