import MD from 'react-markdown';
import React from 'react';
import docs from './Display.md';
import { Display } from '.';
export default {
  title: 'Others / Display'
};
export var Documentation = function Documentation() {
  return React.createElement(React.Fragment, null, React.createElement(MD, null, docs), React.createElement(Display, {
    items: [{
      title: 'Vertical layout',
      component: React.createElement(Display, {
        items: [{
          title: 'Title 1',
          component: React.createElement("div", null, "Component 1")
        }, {
          title: 'Title 2',
          component: React.createElement("div", null, "Component 2")
        }, {
          title: 'Title 3',
          component: React.createElement("div", null, "Component 3")
        }]
      })
    }, {
      title: 'Horizontal layout',
      component: React.createElement(Display, {
        horizontal: true,
        items: [{
          title: 'Title 1',
          component: React.createElement("div", null, "Component 1")
        }, {
          title: 'Title 2',
          component: React.createElement("div", null, "Component 2")
        }, {
          title: 'Title 3',
          component: React.createElement("div", null, "Component 3")
        }]
      })
    }]
  }));
};