Checkbox Group Validation

"use client"

import { Form } from "react-aria-components"
import { Button } from "@/components/ui/button"
import { Checkbox, CheckboxGroup } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/field"

export default function CheckboxValidationDemo() {
  return (
    <Form onSubmit={() => {}} className="space-y-6">
      <CheckboxGroup isRequired>
        <Label>Settings</Label>
        <Checkbox value="notifications">Enable notifications</Checkbox>
        <Checkbox value="auto_update">Auto-update applications</Checkbox>
        <Checkbox value="dark_mode">Enable dark mode</Checkbox>
        <Checkbox value="location_access">Allow location access</Checkbox>
        <Checkbox value="two_factor_auth">Enable two-factor authentication</Checkbox>
      </CheckboxGroup>
      <Button type="submit">Submit</Button>
    </Form>
  )
}