{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "checkbox-7",
  "type": "registry:component",
  "title": "Checkbox 7",
  "description": "Checkbox 7. A checkbox component for selecting options.",
  "dependencies": [],
  "registryDependencies": [
    "checkbox",
    "label"
  ],
  "files": [
    {
      "path": "components/watermelon/checkbox-7.tsx",
      "type": "registry:component",
      "content": "'use client'\n\nimport { useId, useState } from 'react'\n\nimport { Checkbox } from '@/components/base-ui/checkbox'\nimport { Label } from '@/components/base-ui/label'\n\ntype CheckboxCopy = {\n  description: string\n  label: string\n}\n\nconst checkboxCopy: CheckboxCopy = {\n  label: 'Subscribe to updates',\n  description: 'By clicking this checkbox, you agree to the terms and conditions.'\n}\n\nconst Checkbox7 = () => {\n  const id = useId()\n  const [isChecked, setIsChecked] = useState<boolean>(true)\n\n  return (\n    <div className='flex max-w-sm items-start gap-3'>\n      <Checkbox\n        id={id}\n        checked={isChecked}\n        onCheckedChange={(checked) => setIsChecked(checked === true)}\n        className='mt-0.5 data-checked:border-sky-600 data-checked:bg-sky-600 dark:data-checked:border-sky-500 dark:data-checked:bg-sky-500'\n      />\n      <div className='grid gap-1.5'>\n        <Label htmlFor={id} className='text-sm leading-4 font-medium'>\n          {checkboxCopy.label}\n        </Label>\n        <p className='text-muted-foreground text-xs'>\n          {checkboxCopy.description}\n        </p>\n      </div>\n    </div>\n  )\n}\n\nexport default Checkbox7\n"
    }
  ]
}