"use strict";

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

const tslib_1 = require("tslib");

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

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

function defaultRenderForm(props, state) {
  const view = react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.PaymentMethodContainer, null, react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledCardNumber, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledMonth, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledYear, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null))), react_1.default.createElement(styled_1.ToggleContainer, null, react_1.default.createElement(styled_1.Row, null, react_1.default.createElement(styled_1.Checkbox, null), react_1.default.createElement(styled_1.CheckboxLabel, null)), react_1.default.createElement(styled_1.Row, null, react_1.default.createElement(styled_1.Checkbox, {
    onClick: state.handleToggleVisibility
  }), react_1.default.createElement(styled_1.CheckboxLabel, null))), react_1.default.createElement(styled_1.BillingFormContainer, {
    isVisible: state.isVisible
  }, react_1.default.createElement(styled_1.Row, null, react_1.default.createElement(styled_1.StyledTitle, null)), react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledState, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledZipCode, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null)), react_1.default.createElement(styled_1.StyledFields, null, react_1.default.createElement(styled_1.StyledLabel, null), react_1.default.createElement(styled_1.StyledInput, null))), react_1.default.createElement(styled_1.ButtonContainer, null, react_1.default.createElement(styled_1.StyledAddSaveButton, null), react_1.default.createElement(styled_1.StyledCancelButton, null)));
  return view;
}

exports.defaultRenderForm = defaultRenderForm;

function defaultRenderBox(props, state) {
  const {
    renderForm
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderForm"]);

  const formView = renderForm(remainingProps, state);
  return formView;
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    className,
    children,
    dataQa
  } = props;
  return react_1.default.createElement(styled_1.StyledWrapper, {
    className: className,
    "data-qa": dataQa
  }, children);
}

exports.defaultRenderWrapper = defaultRenderWrapper;