"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});

const react_1 = __importDefault(require("react"));

const exotic_1 = require("exotic");

const styled_1 = require("./styled"); // function renderElements(props: string, comma?: boolean) {
//   const commaText = comma ? ',' : ''
//   const value = props
//   const view = isSafe(value) ? <React.Fragment>{value}{commaText}</React.Fragment> : <Empty />
//   return view
// }


function defaultRenderDetails(props) {
  const {
    address
  } = props;
  const {
    firstName,
    lastName,
    addressLine1,
    addressLine2,
    city,
    country,
    state,
    postalCode
  } = address; // const firstnameElement = renderElements(firstName)
  // const lastnameElement = renderElements(lastName, true)
  // const addressElement1 = renderElements(addressLine1, true)
  // const addressElement2 = renderElements(addressLine2, true)
  // const cityElement = renderElements(city, true)
  // const stateElement = renderElements(state, true)
  // const postalCodeElement = renderElements(postalCode)

  return react_1.default.createElement(react_1.default.Fragment, null, (exotic_1.isSafe(firstName) || exotic_1.isSafe(lastName)) && react_1.default.createElement(styled_1.Name, null, firstName, " ", lastName), exotic_1.isSafe(addressLine1) && react_1.default.createElement(styled_1.AddressLine1, {
    itemprop: "streetAddress1"
  }, addressLine1), exotic_1.isSafe(addressLine2) && react_1.default.createElement(styled_1.AddressLine2, {
    itemprop: "streetAddress2"
  }, addressLine2), exotic_1.isSafe(city) && react_1.default.createElement(styled_1.City, {
    itemprop: "addressLocality"
  }, city, ","), exotic_1.isSafe(state) && react_1.default.createElement(styled_1.State, {
    itemprop: "addressRegion"
  }, state), exotic_1.isSafe(postalCode) && react_1.default.createElement(styled_1.PostalCode, {
    itemprop: "postalCode"
  }, postalCode), exotic_1.isSafe(country) && react_1.default.createElement(styled_1.Country, {
    itemprop: "addressCountry"
  }, country));
}

exports.defaultRenderDetails = defaultRenderDetails; // @todo this type iis missing

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  return react_1.default.createElement(styled_1.AddressWrapper, {
    itemprop: "address",
    itemscope: true,
    itemtype: "http://schema.org/PostalAddress",
    className: className
  }, children);
}

exports.defaultRenderWrapper = defaultRenderWrapper; //# sourceMappingURL=renderProps.js.map