@randy.tarampi/jsx/es5/lib/components/printable/header.js

Some common JSX components for www.randytarampi.ca

"use strict";

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

var _propTypes = _interopRequireDefault(require("prop-types"));

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

var _reactMaterialize = require("react-materialize");

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var PrintableHeader = function PrintableHeader(_ref) {
  var printable = _ref.printable;
  return /*#__PURE__*/_react["default"].createElement("header", {
    id: "header",
    className: "printable-header"
  }, /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Container, null, /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Row, {
    className: "valign-wrapper"
  }, /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Col, {
    s: 3
  }, printable.basics.picture ? /*#__PURE__*/_react["default"].createElement("img", {
    className: "printable-header__picture",
    src: printable.basics.picture,
    alt: printable.basics.name
  }) : null), /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Col, {
    s: 9
  }, /*#__PURE__*/_react["default"].createElement("h1", {
    className: "printable-header__name"
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "text"
  }, printable.basics.name)), /*#__PURE__*/_react["default"].createElement("h3", {
    className: "printable-header__label hide-on-print"
  }, printable.basics.label), /*#__PURE__*/_react["default"].createElement("div", {
    className: "printable-header__contact"
  }, /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Row, {
    className: "valign-wrapper hide-on-screen"
  }, /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Col, {
    s: 6,
    className: "printable-header__email"
  }, /*#__PURE__*/_react["default"].createElement(_index.EmailLink, {
    email: printable.basics.email
  })), /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Col, {
    s: 6,
    className: "printable-header__tel"
  }, /*#__PURE__*/_react["default"].createElement(_index.TelLink, {
    tel: printable.basics.phone
  }))), printable.basics.website || printable.basics.location && printable.basics.location.address ? /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Row, {
    className: "valign-wrapper hide-on-screen"
  }, printable.basics.website ? /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Col, {
    m: 6,
    s: 12,
    className: "printable-header__web"
  }, /*#__PURE__*/_react["default"].createElement(_index.CampaignLink, {
    href: printable.basics.website,
    className: "link--web"
  })) : null, printable.basics.location && printable.basics.location.city ? /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Col, {
    m: 6,
    s: 12,
    className: "printable-header__location"
  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("i", {
    className: "fas fa-map-marker-alt"
  }), "\xA0", [printable.basics.location.address, "".concat(printable.basics.location.city, " ").concat(printable.basics.location.region).trim(), printable.basics.location.postalCode].filter(function (component) {
    return !!component;
  }).join(" "))) : null) : null)))));
};

exports.PrintableHeader = PrintableHeader;
PrintableHeader.propTypes = {
  printable: _propTypes["default"].object.isRequired
};
var _default = PrintableHeader;
exports["default"] = _default;