add: avatar group template structure

src/components/ui/AvatarGroup/AvatarGroup.tsx

@@ -0,0 +1,30 @@
+const COMPONENT_NAME = 'AvatarGroup';
+
+import React from 'react';
+
+
+import AvatarGroupRoot from './shards/AvatarGroupRoot';
+
+// contexts
+
+// export type AvatarProps = {
+//     children?: React.ReactNode,
+//     customRootClass?: string,
+//     fallback?: string,
+//     className?: string,
+//     src?: string,
+//     alt?: string,
+//     props?: Record<string, any>[]
+// }
+
+
+const AvatarGroup = ({avatars=[], size, customRootClass='', className}) => {
+    return <AvatarGroupRoot>
+
+    </AvatarGroupRoot>;
+};
+
+
+AvatarGroup.displayName = COMPONENT_NAME;
+
+export default AvatarGroup;

src/components/ui/AvatarGroup/contexts/AvatarGroupContext.tsx

@@ -0,0 +1,5 @@
+import {createContext} from 'react';
+
+const AvatarGroupContext = createContext({});
+
+export default AvatarGroupContext;

src/components/ui/AvatarGroup/shards/AvatarGroupRoot.tsx

@@ -0,0 +1,19 @@
+
+import React from 'react';
+
+import AvatarGroupContext from './contexts/AvatarGroupContext';
+
+
+const AvatarGroupRoot = () => {
+    return (
+        <div>
+            <AvatarGroupContext.Provider value={{}}>
+                <AvatarGroupRoot >
+                </AvatarGroupRoot>
+            </AvatarGroupContext.Provider>
+
+        </div>
+    );
+};
+
+export default AvatarGroupRoot;