import React from 'react';
import DetailPage from './DetailPage';
import { TextBody } from '../typography';
import StatusLabel from '../statusLabel';
import Button from '../button';
export default {
  component: DetailPage,
  title: 'DetailPage'
};
export var Main = function Main() {
  return /*#__PURE__*/React.createElement(DetailPage, null, /*#__PURE__*/React.createElement(DetailPage.Header, {
    backLinkProps: {
      element: 'a',
      children: 'Back to overview'
    },
    title: "I am the detail page title",
    titleSuffix: /*#__PURE__*/React.createElement(StatusLabel, {
      color: "violet"
    }, "Draft")
  }, /*#__PURE__*/React.createElement(Button, {
    level: "primary"
  }, "Book")), /*#__PURE__*/React.createElement(DetailPage.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")));
};