"use strict";

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

const tslib_1 = require("tslib");

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

const Empty_1 = require("../../../atoms/Empty");

const ProductList_1 = require("./ProductList");

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

function defaultRenderActionBar(props, state) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledNamePlaceHolder, {
    width: 200,
    height: 20
  }), react_1.default.createElement(styled_1.StyledButtonWrapper, null, react_1.default.createElement(styled_1.StyledSquarePlaceholder, {
    width: 20,
    height: 20
  }), react_1.default.createElement(styled_1.StyledSquarePlaceholder, {
    width: 20,
    height: 20
  }), react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    height: 16
  }), react_1.default.createElement(styled_1.StyledRectanglePlaceholder, {
    width: 36,
    height: 18
  })));
}

exports.defaultRenderActionBar = defaultRenderActionBar;

function defaultRenderButton(props, state) {
  return react_1.default.createElement(styled_1.StyledButtonPlaceHolder, {
    width: 150,
    height: 25,
    onClick: state.handleToggle
  });
}

exports.defaultRenderButton = defaultRenderButton;

function defaultRenderRemoveConfirmation(props, state) {
  return react_1.default.createElement(Empty_1.Empty, null);
}

exports.defaultRenderRemoveConfirmation = defaultRenderRemoveConfirmation;

function defaultRenderHeaderView(props, state) {
  const {
    renderActionBar,
    renderButton,
    renderRemoveConfirmation
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderActionBar", "renderButton", "renderRemoveConfirmation"]);

  const {
    isConfirming,
    isExpanded
  } = state;
  return react_1.default.createElement(styled_1.HeaderWrapper, {
    isConfirming: isConfirming,
    isExpanded: isExpanded
  }, react_1.default.createElement(styled_1.ActionBarWrapper, {
    isConfirming: isConfirming
  }, renderActionBar(remainingProps, state)), renderButton(remainingProps, state), isConfirming === true && renderRemoveConfirmation(remainingProps, state));
}

exports.defaultRenderHeaderView = defaultRenderHeaderView;

function defaultRenderExpandableView(props, state) {
  return react_1.default.createElement(ProductList_1.ProductList, Object.assign({}, props));
}

exports.defaultRenderExpandableView = defaultRenderExpandableView;

function defaultRenderFooterView() {
  return react_1.default.createElement(Empty_1.Empty, null);
}

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