Finish migrating components

2026-01-29 17:59:11 -07:00
parent b5735bb2ad
commit 539f6c62e3
79 changed files with 2449 additions and 1730 deletions
@@ -0,0 +1,48 @@
+import { forwardRef } from "react";
+import type { SwitchViewProps } from "./Switch.types";
+
+export const SwitchView = forwardRef<HTMLButtonElement, SwitchViewProps>(
+  (
+    {
+      switchId,
+      checked,
+      label,
+      switchClasses,
+      trackClasses,
+      thumbClasses,
+      labelClasses,
+      onClick,
+      onKeyDown,
+      onFocus,
+      onBlur,
+      ...rest
+    },
+    ref,
+  ) => {
+    return (
+      <div className="flex items-center">
+        <button
+          ref={ref}
+          id={switchId}
+          type="button"
+          role="switch"
+          aria-checked={checked}
+          aria-label={label || "Toggle switch"}
+          onClick={onClick}
+          onKeyDown={onKeyDown}
+          onFocus={onFocus}
+          onBlur={onBlur}
+          className={switchClasses}
+          {...rest}
+        >
+          <div className={trackClasses}>
+            <div className={thumbClasses} />
+          </div>
+        </button>
+        {label && <span className={labelClasses}>{label}</span>}
+      </div>
+    );
+  },
+);
+
+SwitchView.displayName = "SwitchView";