"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_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 use PhysicalAddressProps & {renderDetails: never, renderWrapper: never}
 */

function defaultRenderWrapper(props) {
  const {
    className,
    children,
    dataQa
  } = props;
  return react_1.default.createElement(styled_1.AddressWrapper, {
    itemProp: "address",
    itemScope: true,
    itemType: "http://schema.org/PostalAddress",
    className: className,
    "data-qa": dataQa
  }, children);
}

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