"use strict";

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

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

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

var _utils = require("../../../.storybook/utils");

var _uiIcons = require("@teamleader/ui-icons");

var _index = require("../../index");

var _avatar = _interopRequireDefault(require("../../static/data/avatar"));

var avatar = /*#__PURE__*/_react.default.createElement(_index.Avatar, {
  imageUrl: _avatar.default[0].image,
  size: "tiny",
  shape: "circle"
});

var _default = {
  component: _index.Menu,
  title: (0, _utils.addStoryInGroup)(_utils.MID_LEVEL_BLOCKS, 'Menu')
};
exports.default = _default;

var DefaultStory = function DefaultStory(args) {
  return /*#__PURE__*/_react.default.createElement(_index.Menu, args, /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    value: "foo",
    label: "Foo label",
    caption: "This is foo's caption"
  }), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    value: "bar",
    label: "Bar label",
    caption: "Caption of bar"
  }), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    value: "withChildren",
    caption: "Caption of with children prop"
  }, /*#__PURE__*/_react.default.createElement(_index.TextBody, {
    color: "teal"
  }, "With children prop")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    label: "Disabled ...",
    disabled: true
  }), /*#__PURE__*/_react.default.createElement(_index.MenuDivider, null), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    label: "Label & avatar",
    icon: avatar
  }), /*#__PURE__*/_react.default.createElement(_index.MenuDivider, null), /*#__PURE__*/_react.default.createElement(_index.MenuTitle, null, "Group title"), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    label: "Label & icon",
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconClockSmallOutline, null),
    onClick: function onClick() {
      return console.log('You clicked me!');
    }
  }), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    label: "Destructive",
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconTrashSmallOutline, null),
    destructive: true
  }), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    label: "Destructive & disabled",
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconTrashSmallOutline, null),
    destructive: true,
    disabled: true
  }));
};

exports.DefaultStory = DefaultStory;
DefaultStory.args = {
  selectable: true,
  selected: 'bar'
};