"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

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

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

const CancelReturnForm_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; //# sourceMappingURL=renderProps.js.map