import _extends from "@babel/runtime/helpers/extends";
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
import React from 'react';
import { Avatar, AvatarStack } from '../../index';
import avatars from '../../static/data/avatar';
import { addStoryInGroup, MID_LEVEL_BLOCKS } from '../../../.storybook/utils';
export default {
  component: AvatarStack,
  title: addStoryInGroup(MID_LEVEL_BLOCKS, 'AvatarStack'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=225%3A1020'
    }
  }
};
export var DefaultStory = function DefaultStory(args) {
  return /*#__PURE__*/React.createElement(AvatarStack, _extends({}, args, {
    getNamesOverflowLabel: function getNamesOverflowLabel(amount) {
      return "".concat(amount, " more");
    },
    size: "medium"
  }), [].concat(_toConsumableArray(avatars), _toConsumableArray(avatars), _toConsumableArray(avatars), _toConsumableArray(avatars)).map(function (_ref, index) {
    var image = _ref.image;
    return /*#__PURE__*/React.createElement(Avatar, {
      key: index,
      imageUrl: image,
      fullName: "John Doe ".concat(index)
    });
  }));
};
DefaultStory.args = {
  displayMax: 5,
  tooltip: true
};