"use strict";

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

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

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

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

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

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

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

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

var _default = {
  component: _index.AvatarStack,
  title: (0, _utils.addStoryInGroup)(_utils.MID_LEVEL_BLOCKS, 'AvatarStack'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=225%3A1020'
    }
  }
};
exports.default = _default;

var DefaultStory = function DefaultStory(args) {
  return /*#__PURE__*/_react.default.createElement(_index.AvatarStack, (0, _extends2.default)({}, args, {
    getNamesOverflowLabel: function getNamesOverflowLabel(amount) {
      return "".concat(amount, " more");
    },
    size: "medium"
  }), [].concat((0, _toConsumableArray2.default)(_avatar.default), (0, _toConsumableArray2.default)(_avatar.default), (0, _toConsumableArray2.default)(_avatar.default), (0, _toConsumableArray2.default)(_avatar.default)).map(function (_ref, index) {
    var image = _ref.image;
    return /*#__PURE__*/_react.default.createElement(_index.Avatar, {
      key: index,
      imageUrl: image,
      fullName: "John Doe ".concat(index)
    });
  }));
};

exports.DefaultStory = DefaultStory;
DefaultStory.args = {
  displayMax: 5,
  tooltip: true
};