From 1a99d3fe6f7cce6747617e77adc19e6372201faf Mon Sep 17 00:00:00 2001
From: Charlie Brown <carbonrobot@gmail.com>
Date: Wed, 6 Mar 2024 15:15:53 -0600
Subject: [PATCH] Passthrough all SVG props (#86)

---
 .changeset/breezy-mugs-jam.md | 5 +++++
 src/FeaturedBadge.tsx         | 6 ++++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/breezy-mugs-jam.md

diff --git a/.changeset/breezy-mugs-jam.md b/.changeset/breezy-mugs-jam.md
new file mode 100644
index 0000000..7937318
--- /dev/null
+++ b/.changeset/breezy-mugs-jam.md
@@ -0,0 +1,5 @@
+---
+"formidable-oss-badges": patch
+---
+
+Passthrough SVG props to badges
diff --git a/src/FeaturedBadge.tsx b/src/FeaturedBadge.tsx
index 622081c..7bae5b3 100644
--- a/src/FeaturedBadge.tsx
+++ b/src/FeaturedBadge.tsx
@@ -1,9 +1,9 @@
 import clsx from "clsx"
-import { CSSProperties } from "react"
+import { CSSProperties, SVGProps } from "react"
 import * as featuredLogos from "./assets/featuredLogos"
 import styles from "./styles.module.css"
 
-type Props = {
+type Props = SVGProps<SVGElement> & {
   name: keyof typeof featuredLogos.default
   className?: string
   isHoverable?: boolean
@@ -15,6 +15,7 @@ const FeaturedBadge = ({
   className,
   style,
   isHoverable = true,
+  ...rest
 }: Props) => {
   const Logo =
     featuredLogos.default[
@@ -26,6 +27,7 @@ const FeaturedBadge = ({
     <Logo
       className={clsx(isHoverable && styles.hoverableLogo, className)}
       style={style}
+      {...rest}
     />
   )
 }