export const switchRoot = "flex items-center gap-3";
export const switchControl =
  "relative block h-6 w-12 rounded-full bg-foreground/5 dark:bg-foreground/10 transition border border-foreground/10 data-[state=checked]:bg-foreground/30";
export const switchThumb =
  "data-[state=checked]:start-1/2 transition-all block absolute inset-y-0 start-0 w-1/2 before:absolute before:inset-0.5 before:rounded-full before:bg-background dark:before:bg-foreground/40 before:shadow-md";
export const switchLabel = "";
export const switchHiddenInput = "";
