import * as React from "react"
 
import { useAccessibleLabels } from "@/hooks/use-accessible-labels"
import { Button } from "@/components/ui/button"
import { Switch } from "@/components/ui/switch"
 
export function NotificationsToggle() {
  const [enabled, setEnabled] = React.useState(false)
  const analytics = useAccessibleLabels({
    label: "Allow anonymous analytics",
    description: "We only collect usage trends — never personal data.",
  })
 
  const assistant = useAccessibleLabels({
    fallback: () => (enabled ? "Disable AI assistant" : "Enable AI assistant"),
  })
 
  return (
    <div className="space-y-4">
      <Switch
        {...analytics.ariaProps}
        checked={enabled}
        onCheckedChange={setEnabled}
      />
      <Button
        {...assistant.ariaProps}
        onClick={() => setEnabled((prev) => !prev)}
      >
        Toggle assistant
      </Button>
    </div>
  )
}