import * as React from 'react';
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
/**
 * Checkbox component props
 */
export type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
/**
 * Checkbox component - Accessible checkbox using Radix UI
 *
 * A styled checkbox component with proper accessibility features.
 * Uses Radix UI Checkbox primitive for robust functionality.
 *
 * @example Basic usage
 * ```tsx
 * <Checkbox id="terms" />
 * <label htmlFor="terms">Accept terms and conditions</label>
 * ```
 *
 * @example With React Hook Form
 * ```tsx
 * <FormField
 *   control={form.control}
 *   name="newsletter"
 *   render={({ field }) => (
 *     <FormItem className="flex flex-row items-start space-x-3 space-y-0">
 *       <FormControl>
 *         <Checkbox
 *           checked={field.value}
 *           onCheckedChange={field.onChange}
 *         />
 *       </FormControl>
 *       <div className="space-y-1 leading-none">
 *         <FormLabel>Subscribe to newsletter</FormLabel>
 *         <FormDescription>
 *           Receive updates about new features and announcements
 *         </FormDescription>
 *       </div>
 *     </FormItem>
 *   )}
 * />
 * ```
 *
 * @example Controlled checkbox
 * ```tsx
 * const [checked, setChecked] = useState(false);
 *
 * <Checkbox
 *   checked={checked}
 *   onCheckedChange={setChecked}
 *   disabled={false}
 * />
 * ```
 *
 * @example Indeterminate state
 * ```tsx
 * <Checkbox checked="indeterminate" />
 * ```
 */
export declare function Checkbox({ ref, className, ...props }: CheckboxProps & {
    ref?: React.Ref<React.ElementRef<typeof CheckboxPrimitive.Root>>;
}): import("react/jsx-runtime").JSX.Element;
export declare namespace Checkbox {
    var displayName: string | undefined;
}
//# sourceMappingURL=Checkbox.d.ts.map