From 827516e6816489faf506b7cac2e2291e968a4733 Mon Sep 17 00:00:00 2001
From: Corban Riley <corbanbrook@gmail.com>
Date: Thu, 16 Jan 2025 21:09:30 -0500
Subject: [PATCH] Removing Box from GradientAvatar

---
 src/components/GradientAvatar/GradientAvatar.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/GradientAvatar/GradientAvatar.tsx b/src/components/GradientAvatar/GradientAvatar.tsx
index 5c45a006..eb9c5815 100644
--- a/src/components/GradientAvatar/GradientAvatar.tsx
+++ b/src/components/GradientAvatar/GradientAvatar.tsx
@@ -1,7 +1,6 @@
 import { cva, VariantProps } from 'class-variance-authority'
 import { Fragment, memo, useId } from 'react'
 
-import { Box, BoxProps } from '~/components/Box'
 import { cn } from '~/utils'
 
 const MOD = 1000
@@ -25,12 +24,12 @@ const avatarVariants = cva(['flex-shrink-0 rounded-full overflow-hidden'], {
   },
 })
 
-type GradientAvatarProps = {
+interface GradientAvatarProps extends VariantProps<typeof avatarVariants> {
   address: string
   initials?: string
   complexity?: number
-} & VariantProps<typeof avatarVariants> &
-  BoxProps
+  className?: string
+}
 
 interface HashState {
   a: number
@@ -117,8 +116,7 @@ export const GradientAvatar = memo((props: GradientAvatarProps) => {
   const id = useId()
 
   return (
-    <Box
-      as="svg"
+    <svg
       className={cn(avatarVariants({ size }), className)}
       viewBox={`0 0 ${SIZE} ${SIZE}`}
       version="1.1"
@@ -219,6 +217,6 @@ export const GradientAvatar = memo((props: GradientAvatarProps) => {
           </text>
         )} */}
       </g>
-    </Box>
+    </svg>
   )
 })