From 61acf9e56b3d58a4e804db115b83cceb62311644 Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Sun, 16 Feb 2025 03:12:20 -0800
Subject: [PATCH] ChipToggleButton: support variant

---
 src/common/components/ChipToggleButton.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/common/components/ChipToggleButton.tsx b/src/common/components/ChipToggleButton.tsx
index da6464065..388f9816b 100644
--- a/src/common/components/ChipToggleButton.tsx
+++ b/src/common/components/ChipToggleButton.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 
+import type { VariantProp } from '@mui/joy/styles/types';
 import { Chip } from '@mui/joy';
 
 
@@ -15,11 +16,12 @@ export function ChipToggleButton(props: {
   text: React.ReactNode,
   active?: boolean,
   size?: 'sm' | 'md' | 'lg',
+  variant?: VariantProp,
   onClick?: () => void
 }) {
   return (
     <Chip
-      variant={props.active ? 'solid' : 'outlined'}
+      variant={props.active ? 'solid' : props.variant || 'outlined'}
       size={props.size}
       onClick={props.onClick}
       aria-checked={props.active}