Switch

"use client"

import { useState } from "react"
import { Label } from "@/registry/warren/label/label"
import { Switch } from "@/registry/warren/switch/switch"

export default function SwitchDemo() {
  const [autoRoute, setAutoRoute] = useState(true)

  return (
    <div className="flex w-72 flex-col gap-3 border-2 border-border bg-panel p-3">
      <div className="flex items-center justify-between gap-3">
        <Label htmlFor="auto-route">AUTO-ROUTE</Label>
        <Switch id="auto-route" checked={autoRoute} onCheckedChange={setAutoRoute} />
      </div>
      <div className="flex items-center justify-between gap-3">
        <Label htmlFor="log-stream">LOG-STREAM</Label>
        <Switch id="log-stream" checked={false} disabled />
      </div>
    </div>
  )
}