feat: using type now

src/stories/components/ToggleSwitch.stories.tsx

@@ -15,6 +15,6 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
     args: {
-        isChecked: true, // The SwitchButton will start in the "checked" state
+        isChecked: true,
     },
 };

src/views/components/common/SwitchButton.tsx

@@ -1,15 +1,13 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Switch } from '@headlessui/react';
-import { useEffect } from 'react';
 
-interface ToggleSwitchProps {
+type ToggleSwitchProps = {
-    // label: string;
+    isChecked?: boolean;
-    isChecked: boolean;
+    // onChange?: (checked: boolean) => void;
-    // onChange: (checked: boolean) => void;
+};
-}
 
 const SwitchButton: React.FC<ToggleSwitchProps> = ({ isChecked = true }) => {
-    const [enabled, setEnabled] = useState(true);
+    const [enabled, setEnabled] = useState(isChecked);
 
     useEffect(() => {
         setEnabled(isChecked);