"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");

const CancelReturnForm_1 = tslib_1.__importDefault(require("../CancelReturnForm"));
/**
 * click function
 */


function handleClick(state) {
  state.toggleActive();
}
/**
 * render actions button
 */


function defaultRenderDefaultView(props, state) {
  const onClick = event => handleClick(state);

  const view = react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.PrintButton, {
    text: 'primary',
    onClick: onClick
  }), react_1.default.createElement(styled_1.OrderAgainButton, {
    text: 'secondary'
  }), react_1.default.createElement(styled_1.ReturnButton, {
    text: 'teritary'
  }));
  return view;
}

exports.defaultRenderDefaultView = defaultRenderDefaultView;

function defaultRenderActiveView(props, state) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(CancelReturnForm_1.default, {
    state: state
  }));
}

exports.defaultRenderActiveView = defaultRenderActiveView;
/**
 * render Wrapper
 */

function defaultRenderWrapper(props, state) {
  const {
    className,
    children
  } = props;
  return react_1.default.createElement(styled_1.SectionWrapper, Object.assign({
    className: className
  }, state), children);
}

exports.defaultRenderWrapper = defaultRenderWrapper;