Switch

1import {
2  Host as HostPrimitive,
3  Switch as SwitchPrimitive,
4  type SwitchProps as SwitchPrimitiveProps,
5} from "@expo/ui";
6import { tint } from "@expo/ui/swift-ui/modifiers";
7import { useCSSVariable } from "uniwind";
8 
9// Types
10type SwitchProps = Omit<SwitchPrimitiveProps, "modifiers">;
11 
12// Components
13export const Switch = (props: SwitchProps) => {
14  const primaryColor = useCSSVariable("--color-primary") as string;
15  return (
16    <HostPrimitive matchContents>
17      <SwitchPrimitive {...props} modifiers={[tint(primaryColor)]} />
18    </HostPrimitive>
19  );
20};