"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

var _DetailPage = _interopRequireDefault(require("./DetailPage"));

var _typography = require("../typography");

var _statusLabel = _interopRequireDefault(require("../statusLabel"));

var _button = _interopRequireDefault(require("../button"));

var _default = {
  component: _DetailPage.default,
  title: 'DetailPage'
};
exports.default = _default;

var Main = function Main() {
  return /*#__PURE__*/_react.default.createElement(_DetailPage.default, null, /*#__PURE__*/_react.default.createElement(_DetailPage.default.Header, {
    backLinkProps: {
      element: 'a',
      children: 'Back to overview'
    },
    title: "I am the detail page title",
    titleSuffix: /*#__PURE__*/_react.default.createElement(_statusLabel.default, {
      color: "violet"
    }, "Draft")
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
    level: "primary"
  }, "Book")), /*#__PURE__*/_react.default.createElement(_DetailPage.default.Body, null, /*#__PURE__*/_react.default.createElement(_typography.TextBody, null, "Here you can add arbitrary content.")));
};

exports.Main = Main;