"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 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, zipcode } = 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 zipcodeElement = renderElements(zipcode)
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.Name, null,
            firstname,
            " ",
            lastname),
        react_1.default.createElement(styled_1.AddressLine1, { itemprop: "streetAddress1" }, addressline1),
        react_1.default.createElement(styled_1.AddressLine2, { itemprop: "streetAddress2" }, addressline2),
        react_1.default.createElement(styled_1.City, { itemprop: "addressLocality" },
            city,
            ","),
        react_1.default.createElement(styled_1.State, { itemprop: "addressRegion" }, state),
        react_1.default.createElement(styled_1.Zipcode, { itemprop: "postalCode" }, zipcode),
        react_1.default.createElement(styled_1.Country, { itemprop: "addressCountry" }, country)));
}
exports.defaultRenderDetails = defaultRenderDetails;
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