"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 ExpandableCard_1 = require("../ExpandableCard");

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

function defaultRenderToggleButton(props, state) {
  // @note was props.state for some reason (huh)
  const headerToggleButtonView = state.isExpanded === false ? react_1.default.createElement(styled_1.CustomToggleButton, {
    onClick: state.handleToggle,
    text: "Edit"
  }) : react_1.default.createElement(Empty_1.Empty, null);
  return react_1.default.createElement(react_1.default.Fragment, null, headerToggleButtonView);
}

exports.defaultRenderToggleButton = defaultRenderToggleButton;
/**
 * @description the Expandable view of the card
 */

function defaultRenderExpandedView(props, state) {
  return react_1.default.createElement(styled_1.CustomExpandedWrapperView, {
    className: "open-view"
  }, "Form View!");
}

exports.defaultRenderExpandedView = defaultRenderExpandedView;

function renderExpandableCardDetails(props) {
  return react_1.default.createElement(ExpandableCard_1.ExpandableCard, Object.assign({}, props));
}

function defaultRenderWrapper(props) {
  const {
    className
  } = props,
        remainingProps = tslib_1.__rest(props, ["className"]);

  const children = renderExpandableCardDetails(remainingProps);
  return react_1.default.createElement(styled_1.Wrapper, {
    className: className
  }, children);
}

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