Switch

"use client";

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

export default function SwitchExample() {
  const [enabled, setEnabled] = useState(true);
  return (
    <div className="space-y-5">
      <div className="flex items-center gap-3">
        <Switch
          id="switch-alerts"
          checked={enabled}
          onCheckedChange={setEnabled}
        />
        <Label htmlFor="switch-alerts">
          Email notifications {enabled ? "on" : "off"}
        </Label>
      </div>
      <div className="flex items-center gap-3">
        <Switch id="switch-disabled" disabled />
        <Label htmlFor="switch-disabled">Organization policy</Label>
      </div>
    </div>
  );
}