Checkbox

"use client";

import { Checkbox } from "@dashboardpack/core/components/ui/checkbox";
import { Label } from "@dashboardpack/core/components/ui/label";
import { useState } from "react";

export default function CheckboxExample() {
  const [checked, setChecked] = useState(true);
  return (
    <div className="space-y-4">
      <div className="flex items-center gap-3">
        <Checkbox
          id="check-updates"
          checked={checked}
          onCheckedChange={(value) => setChecked(value === true)}
        />
        <Label htmlFor="check-updates">
          Product updates {checked ? "enabled" : "disabled"}
        </Label>
      </div>
      <div className="flex items-center gap-3">
        <Checkbox id="check-mixed" checked="indeterminate" />
        <Label htmlFor="check-mixed">Some projects selected</Label>
      </div>
      <div className="flex items-center gap-3">
        <Checkbox id="check-disabled" disabled />
        <Label htmlFor="check-disabled">Unavailable on this plan</Label>
      </div>
    </div>
  );
}