// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import type { JSXElement } from "@coreai-ds/react-components";
import { Avatar } from "@coreai-ds/react-components";
import { GuestRegular } from "@fluentui/react-icons";
import * as React from 'react';

export const ColorColorful = (): JSXElement => (<>
    <Avatar color="colorful" name="Katri Athokas"/>
    <Avatar color="colorful" name="Elvia Atkins"/>
    <Avatar color="colorful" name="Cameron Evans"/>
    <Avatar color="colorful" name="Wanda Howard"/>
    <Avatar color="colorful" name="Mona Kane"/>
    <Avatar color="colorful" name="Allan Munger"/>
    <Avatar color="colorful" name="Daisy Phillips"/>
    <Avatar color="colorful" name="Robert Tolbert"/>
    <Avatar color="colorful" name="Kevin Sturgis"/>
    <Avatar color="colorful" name="Elliot Woodward"/>
    <Avatar color="colorful" idForColor="id-123" icon={<GuestRegular />} aria-label="Guest"/>
    <Avatar color="colorful" idForColor="42" icon={<GuestRegular />} aria-label="Guest"/>
    <Avatar color="colorful" idForColor="93" icon={<GuestRegular />} aria-label="Guest"/>
    <Avatar color="colorful" idForColor="Guest-23" icon={<GuestRegular />} aria-label="Guest"/>
  </>);

export default ColorColorful;