From 2b202c879aff96adc8d603bc705879da5d5f09d3 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Fri, 22 Nov 2024 14:01:03 +0100
Subject: [PATCH] UI/components/button: forward classnames

---
 pkgs/webview-ui/app/src/components/button/index.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/pkgs/webview-ui/app/src/components/button/index.tsx b/pkgs/webview-ui/app/src/components/button/index.tsx
index 9d179f11a..f3ec97486 100644
--- a/pkgs/webview-ui/app/src/components/button/index.tsx
+++ b/pkgs/webview-ui/app/src/components/button/index.tsx
@@ -42,6 +42,7 @@ interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
   children: JSX.Element;
   startIcon?: JSX.Element;
   endIcon?: JSX.Element;
+  class?: string;
 }
 export const Button = (props: ButtonProps) => {
   const {
@@ -50,11 +51,13 @@ export const Button = (props: ButtonProps) => {
     size = "default",
     startIcon,
     endIcon,
+    class: extraClass = "",
     ...buttonProps
   } = props;
   return (
     <button
       class={cx(
+        extraClass,
         // Layout
         "inline-flex items-center flex-shrink gap-2 justify-center",
         // Styles