import { AvatarGroup } from '../components';
const meta = {
    title: "Avatar/AvatarGroup",
    component: AvatarGroup
};
export default meta;
export const Primary = {
    args: {
        images: [
            { iconUrl: "https://flowbite.com/docs/images/people/profile-picture-2.jpg", name: "Zain Raja" },
            { iconUrl: "https://flowbite.com/docs/images/people/profile-picture-2.jpg", name: "Zain Raja" },
            { iconUrl: "https://flowbite.com/docs/images/people/profile-picture-2.jpg", name: "Zain Raja" },
            { iconUrl: "https://flowbite.com/docs/images/people/profile-picture-2.jpg", name: "Zain Raja" },
            { iconUrl: "https://flowbite.com/docs/images/people/profile-picture-2.jpg", name: "Zain Raja" },
        ],
        initials: [
            { initial: "ZR", color: '#FCE96A', initialColor: 'black', name: "Zain Raja" },
            { initial: "ZR", color: '#84E1BC', initialColor: 'black', name: "Zain Raja" },
            { initial: "ZR", color: '#16BDCA', initialColor: 'black', name: "Zain Raja" },
        ],
        iconSize: "80",
        counter: 2
    },
};
