Switch Component

[phillip055]

Added switch component using Headless UI

Todo:

• Need to fix some css
• Change name to Switch from Toggle

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @Major-Eth on Vercel.

@Major-Eth first needs to authorize it.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/major-eth/yearn-web-lib/8S9NP8f3Ke7um1aCeofgRr7wdxMi
✅ Preview: Failed

[Majorfi]

This pull request is being automatically deployed with Vercel (learn more). To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/major-eth/yearn-web-lib/8S9NP8f3Ke7um1aCeofgRr7wdxMi ✅ Preview: Failed

Here is the deploy error :

src/components/Toggle/Toggle.tsx(61,14): error TS2769: No overload matches this call.
--
16:51:12.738 | Overload 1 of 2, '(props: { children?: ReactNode; color?: string \| undefined; slot?: string \| undefined; style?: CSSProperties \| undefined; title?: string \| undefined; ref?: ((instance: HTMLSpanElement \| null) => void) \| RefObject<...> \| null \| undefined; ... 254 more ...; onCheck: (enabled: boolean) => void; } & { ...; } & { ...; }): ReactElement<...>', gave the following error.
16:51:12.738 | Property 'onCheck' is missing in type '{ checked: boolean; "aria-hidden": "true"; height: number; width: number; }' but required in type '{ children?: ReactNode; color?: string \| undefined; slot?: string \| undefined; style?: CSSProperties \| undefined; title?: string \| undefined; ref?: ((instance: HTMLSpanElement \| null) => void) \| RefObject<...> \| null \| undefined; ... 254 more ...; onCheck: (enabled: boolean) => void; }'.
16:51:12.739 | Overload 2 of 2, '(props: StyledComponentPropsWithAs<"span", DefaultTheme, ToggleProps, never, "span", "span">): ReactElement<StyledComponentPropsWithAs<"span", DefaultTheme, ToggleProps, never, "span", "span">, string \| JSXElementConstructor<...>>', gave the following error.
16:51:12.739 | Property 'onCheck' is missing in type '{ checked: boolean; "aria-hidden": "true"; height: number; width: number; }' but required in type '{ children?: ReactNode; color?: string \| undefined; slot?: string \| undefined; style?: CSSProperties \| undefined; title?: string \| undefined; ref?: ((instance: HTMLSpanElement \| null) => void) \| RefObject<...> \| null \| undefined; ... 254 more ...; onCheck: (enabled: boolean) => void; }'.

[karelianpie]

Hey @phillip055, any updates here? If you don't have the time I can try and wrap this up, please let me know

[phillip055]

Hey @phillip055, any updates here? If you don't have the time I can try and wrap this up, please let me know
following this up!