"use strict";

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

const tslib_1 = require("tslib");

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

const Placeholder_1 = require("@skava/ui/dist/components/atoms/Placeholder");

const StatusDetails_1 = require("../StatusDetails");

const Form_1 = require("../Form");

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

function defaultRenderButton(props, state) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: '60',
    height: '12'
  });
}

exports.defaultRenderButton = defaultRenderButton;

function defaultRenderToggleButton(props, state) {
  const {
    renderButton
  } = props;
  return react_1.default.createElement(styled_1.ToggleButton, {
    onClick: state.handleToggle
  }, renderButton(props, state));
}

exports.defaultRenderToggleButton = defaultRenderToggleButton;

function defaultRenderForm(props, state) {
  return react_1.default.createElement(Form_1.EditUser, null);
}

exports.defaultRenderForm = defaultRenderForm;

function defaultRenderDetail(props, state) {
  return react_1.default.createElement(StatusDetails_1.StatusDetails, Object.assign({}, props));
}

exports.defaultRenderDetail = defaultRenderDetail;

function defaultRenderWrapper(props, state) {
  const {
    children
  } = props;
  return react_1.default.createElement(styled_1.Wrapper, {
    isExpanded: state.isExpanded
  }, children);
}

exports.defaultRenderWrapper = defaultRenderWrapper;