Add labelId prop to Switch component

1 files changed, 9 insertions, 2 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/switch/Switch.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/switch/Switch.tsx
index df90c19bd8..8fe92377c9 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/switch/Switch.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/switch/Switch.tsx
@@ -6,15 +6,22 @@ import { SwitchProvider } from './SwitchContext';
 export interface SwitchProps {
   checked?: boolean;
   onCheckedChange?: (checked: boolean) => void;
+  labelId?: string;
   disabled?: boolean;
   children: React.ReactNode;
 }
 
-function Switch({ checked, onCheckedChange, disabled, children }: SwitchProps) {
+function Switch({
+  labelId: labelIdProp,
+  checked,
+  onCheckedChange,
+  disabled,
+  children,
+}: SwitchProps) {
   const labelId = React.useId();
   return (
     <SwitchProvider
-      labelId={labelId}
+      labelId={labelIdProp ?? labelId}
       checked={checked}
       onCheckedChange={onCheckedChange}
       disabled={disabled}>