"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 Checkout_1 = require("./..");

const styled_1 = require("./styled");

function defaultRenderTitle(props) {
  const {
    title,
    buttonLabel,
    onChangeAddress,
    buttonDataQa,
    address
  } = props;

  const handleClick = event => {
    if (exotic_1.isFunction(onChangeAddress)) {
      onChangeAddress(event);
    }
  };

  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.Title, {
    breedType: 'h3',
    content: title
  }), exotic_1.isSafe(address) && exotic_1.isObj(address) && react_1.default.createElement(styled_1.HeaderButton, {
    text: buttonLabel,
    onClick: handleClick,
    "data-qa": buttonDataQa
  }));
}

exports.defaultRenderTitle = defaultRenderTitle;

function defaultRenderAddress(props) {
  const {
    address,
    onViewToggle
  } = props,
        remainingProps = tslib_1.__rest(props, ["address", "onViewToggle"]);

  const handleViewToggleChange = onViewToggle;
  const view = exotic_1.isSafe(address) && exotic_1.isObj(address) ? react_1.default.createElement(styled_1.StyledAddress, {
    address: address
  }) : react_1.default.createElement(Checkout_1.AddressToggle, Object.assign({
    onViewToggleChange: handleViewToggleChange
  }, remainingProps));
  return view;
}

exports.defaultRenderAddress = defaultRenderAddress;