import * as React from "react"
import { Checkbox } from "@/registry/ui/checkbox"
import { Label } from "@/registry/ui/label"

export default function CheckboxDemo() {
  return (
    <div className="space-y-3">
      <div className="flex items-center gap-2">
        <Checkbox id="demo-terms" defaultChecked />
        <Label htmlFor="demo-terms">Accept terms</Label>
      </div>
      <div className="flex items-center gap-2">
        <Checkbox id="demo-updates" />
        <Label htmlFor="demo-updates">Send me updates</Label>
      </div>
      <div className="flex items-center gap-2">
        <Checkbox id="demo-disabled" disabled />
        <Label htmlFor="demo-disabled">Disabled option</Label>
      </div>
    </div>
  )
}