Switch: should have cursor:pointer

src/components/GenericLabel/GenericLabel.tsx

@@ -18,8 +18,10 @@ const FormFieldLabel = styled.label<FormFieldLableProps>`
         ? `
     color: ${theme.click.field.color.genericLabel.disabled};
     font: ${theme.click.field.typography.genericLabel.disabled};
+    cursor: not-allowed;
     `
         : `
+    cursor: pointer;
     color: ${theme.click.field.color.genericLabel.default};
     font: ${theme.click.field.typography.genericLabel.default};
     &:hover {

src/components/Switch/Switch.stories.tsx

@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Switch } from "./Switch";
+import { useState } from "react";
+
+const meta: Meta<typeof Switch> = {
+  component: Switch,
+  title: "Forms/Switch",
+  tags: ["switch", "autodocs"],
+  argTypes: {
+    orientation: { control: "inline-radio", options: ["horizontal", "vertical"] },
+    dir: { control: "inline-radio", options: ["start", "end"] },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Switch>;
+
+export const Playground: Story = {
+  render: args => {
+    const [isChecked, setIsChecked] = useState(args.checked);
+
+    return (
+      <Switch
+        {...args}
+        checked={isChecked}
+        onCheckedChange={setIsChecked}
+      />
+    );
+  },
+  args: {
+    checked: true,
+    disabled: false,
+    label: "Switch label",
+  },
+};

src/components/Switch/Switch.tsx

@@ -116,6 +116,7 @@ const SwitchRoot = styled(RadixSwitch.Root)<RootProps>(props => {
     borderRadius: props.theme.click.switch.radii.all,
     position: "relative",
     padding: 0,
+    cursor: props.disabled ? "not-allowed" : "pointer",
   };
 });