"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");
/**
 * @description only renders toggle button
 */


function renderToggleButton(props, state) {
  console.debug('[ExpandableCard] renderToggleButton'); // @note was props.state for some reason (huh)

  return react_1.default.createElement(styled_1.ToggleButton, {
    onClick: state.handleToggle,
    text: "toggle"
  });
}

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

function renderDefaultView(props, state) {
  return react_1.default.createElement(styled_1.DefaultWrapperView, {
    className: "def-view"
  }, "Default View!");
}

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

function renderExpandedView(props, state) {
  return react_1.default.createElement(styled_1.ExpandedWrapperView, {
    className: "open-view"
  }, "Expandable View!");
}

exports.renderExpandedView = renderExpandedView;
/**
 * @description only renders wrappers
 */

function renderWrap(props, state) {
  const {
    className,
    children,
    nowrap
  } = props;
  const passThroughProps = Object.freeze({
    className,
    'data-qa': props['data-qa']
  });

  if (nowrap === true) {
    return react_1.default.createElement(react_1.default.Fragment, null, children);
  } else {
    return react_1.default.createElement(styled_1.CardWrapper, Object.assign({}, passThroughProps), children);
  }
}

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