"use strict";

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

const tslib_1 = require("tslib");

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

const PaymentInformationForm_1 = require("../PaymentInformationForm");

const Placeholder_1 = require("@skava/ui/dist/components/atoms/Placeholder");

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

function defaultRenderHeader(props, state) {
  return react_1.default.createElement(styled_1.HeaderWrapper, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 250,
    height: 22
  }), react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 350,
    height: 22,
    onClick: state.handleToggle
  }));
}

exports.defaultRenderHeader = defaultRenderHeader;

function defaultRenderItem(item, state) {
  return react_1.default.createElement(styled_1.PaymenyCardWrapper, null, react_1.default.createElement(styled_1.Name, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 60,
    height: 12
  })), react_1.default.createElement(styled_1.Card, null, react_1.default.createElement(styled_1.EmptyCard, {
    width: 50,
    height: 30
  }), react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 150,
    height: 12
  })), react_1.default.createElement(styled_1.Date, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 160,
    height: 14
  })));
}

exports.defaultRenderItem = defaultRenderItem;

function defaultRenderList(props, state) {
  const {
    list,
    onPaymentCardSave,
    renderItem
  } = props;
  const listView = list.map((item, index) => renderItem(Object.assign({}, item, {
    index,
    onPaymentCardSave
  }), state));
  return listView;
}

exports.defaultRenderList = defaultRenderList;

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

  const cardView = renderList(Object.assign({}, remainingProps), state);
  return cardView;
}

exports.defaultRenderCard = defaultRenderCard;

function defaultRenderForm(props, state) {
  return react_1.default.createElement(PaymentInformationForm_1.PaymentInformationForm, null);
}

exports.defaultRenderForm = defaultRenderForm;