import React from 'react';
import markdown from './README.mdx';
import Item from '.';
import Button from '../Button';
import Tag from '../Tag';
export default {
  title: 'Components/UI Elements/Item',
  component: Item,
  parameters: {
    componentSubtitle: 'Component',
    status: 'experimental',
    mdx: markdown
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(Item, args);
};
Regular.args = {
  title: 'A title is shown',
  children: "nonumy eirmod tempor invidunt",
  subContent: "This is the subContent. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.  At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ",
  icon: /*#__PURE__*/React.createElement("img", {
    alt: "Moving van",
    src: "https://www.wfp.org/sites/default/files/styles/medium/public/images/publication/YiR_banner.jpg"
  }),
  showAdditionalIcon: true,
  additional: 'Yesterday',
  hint: /*#__PURE__*/React.createElement(Tag, {
    kind: "wfp"
  }, "Hint"),
  wrapper: 'button'
};
export var Horizontal = function Horizontal(args) {
  return /*#__PURE__*/React.createElement(Item, args);
};
Horizontal.args = {
  title: 'A title is shown',
  children: "nonumy eirmod tempor invidunt",
  subContent: "This is the subContent. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.  At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ",
  kind: 'horizontal',
  icon: /*#__PURE__*/React.createElement("img", {
    alt: "Moving van",
    src: "https://www.wfp.org/sites/default/files/styles/medium/public/images/publication/YiR_banner.jpg"
  }),
  showAdditionalIcon: true,
  additional: 'Yesterday',
  hint: /*#__PURE__*/React.createElement(Tag, {
    kind: "wfp"
  }, "Hint"),
  wrapper: 'sidebar'
};
export var HorizontalRepeater = function HorizontalRepeater(args) {
  return /*#__PURE__*/React.createElement(Item, args);
};
HorizontalRepeater.args = {
  title: 'A title is shown',
  children: "nonumy eirmod tempor invidunt",
  subContent: "This is the subContent. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
  kind: 'horizontal',
  icon: /*#__PURE__*/React.createElement("img", {
    alt: "Moving van",
    src: "https://www.wfp.org/sites/default/files/styles/medium/public/images/publication/YiR_banner.jpg"
  }),
  showAdditionalIcon: true,
  additional: 'Yesterday',
  hint: /*#__PURE__*/React.createElement(Tag, {
    kind: "wfp"
  }, "Hint"),
  wrapper: 'repeater'
};