Function SwitchField

src/components/ui/switch.tsx:11–23

({ className, ...props }: SwitchFieldProps)

import { cx } from '@/lib/primitive'

export function SwitchField({ className, ...props }: SwitchFieldProps) {
  return (
    <SwitchFieldPrimitive
      {...props}
      data-slot="control"
      className={cx('has-[[slot=description]]:**:data-[slot=control-label]:font-medium', className)}
      style={({ defaultStyle }) => ({
        ...defaultStyle,
        WebkitTapHighlightColor: 'transparent',
      })}
    />
  )
}

export function Switch({ children, className, ...props }: SwitchButtonProps) {
  return (