"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactstrap = require("reactstrap");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function DetailPanel(props) {
  return _react.default.createElement(_reactstrap.Card, {
    className: "box box-detail"
  }, _react.default.createElement(_reactstrap.CardHeader, null, _react.default.createElement(_reactstrap.CardTitle, null, props.detailTitle)), _react.default.createElement(_reactstrap.CardBody, null, _react.default.createElement("p", {
    dangerouslySetInnerHTML: {
      __html: props.detailContent
    }
  })), _react.default.createElement(_reactstrap.CardFooter, null, _react.default.createElement(_reactstrap.Button, {
    onClick: props.onChangeLoginMode
  }, props.buttonTextDetailGoback)));
}

var _default = DetailPanel;
exports.default = _default;
DetailPanel.propTypes = {
  detailTitle: _propTypes.default.string,
  buttonTextDetailGoback: _propTypes.default.string,
  detailContent: _propTypes.default.string
};
DetailPanel.defaultProps = {
  detailTitle: 'Detail',
  buttonTextDetailGoback: 'Go back'
};