import React from 'react';
import markdown from './README.mdx';
import User from '.';
import { List, ListItem } from '../List';
export default {
  title: 'Components/UI Elements/User',
  component: User,
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: markdown
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(User, args);
};
Regular.args = {
  children: 'Max Mustermann'
};
export var AvatarOnly = function AvatarOnly(args) {
  return /*#__PURE__*/React.createElement(User, {
    name: "Max Mustermann",
    showName: false,
    image: "https://www.wfp.org/sites/default/files/styles/page_accordion/public/images/ourwork_humanitarian.jpg?itok=R0ymBwxH"
  });
};
var description = "\nYou can show the avatar only without showing the username.\n";
AvatarOnly.story = {
  parameters: {
    docs: {
      storyDescription: description
    }
  }
};
export var ExtendedUser = function ExtendedUser(args) {
  return /*#__PURE__*/React.createElement(User, {
    alt: "Image Alt text",
    description: /*#__PURE__*/React.createElement(List, {
      kind: "simple",
      small: true
    }, /*#__PURE__*/React.createElement(ListItem, null, "Business Support Assistant G4"), /*#__PURE__*/React.createElement(ListItem, null, "Fixed Term")),
    extendedDescription: /*#__PURE__*/React.createElement(List, {
      kind: "simple",
      small: true
    }, /*#__PURE__*/React.createElement(ListItem, {
      title: "First level supervisor"
    }, "Marie Curie"), /*#__PURE__*/React.createElement(ListItem, {
      title: "Mrc"
    }, "Tanzania Country Office"), /*#__PURE__*/React.createElement(ListItem, {
      title: "Head of unit"
    }, "Max Planck")),
    name: "Albert Einstein",
    image: "https://www.wfp.org/sites/default/files/styles/page_accordion/public/images/ourwork_humanitarian.jpg?itok=R0ymBwxH"
  });
};
var extendedDescription = "\nYou can show the avatar only without showing the username.\n";
ExtendedUser.story = {
  parameters: {
    docs: {
      storyDescription: extendedDescription
    }
  }
};