
import { UniversalCheckboxProps } from "../../types/dist/index.js";
import "../../tokens/index.js";
import React from "react";

//#region src/components/client/Checkbox.d.ts
type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color'>;
interface CheckboxProps extends NativeInputProps, UniversalCheckboxProps {
  layerClassNames?: {
    root?: string;
    checkbox?: string;
    label?: string;
  };
}
declare const VARIANTS: ("primary" | "secondary")[];
declare const SIZES: ("sm" | "md")[];
/**
 * **⚙️️ An checkbox.
 *
 * @componentType Client component
 *
 * @description
 * A checkbox component allows users to select one or multiple options from a set. It represents a binary state, typically as checked or unchecked, and optionally includes a third "indeterminate" state to indicate partial selection.
 *
 * @see
 * Check out the {@link https://uds.build/docs/components/checkbox Checkbox Docs} for more info
 *
 * @usage
 * - Forms: checkbox
 *
 * @example
 * ```tsx
 * 'use client';
 * import { Checkbox } from "@yahoo/uds";
 *
 * <Checkbox label="Name" required />
 *```
 *
 * @related [Radio](https://uds.build/docs/components/radio), [Switch](https://uds.build/docs/components/switch), [Input](https://uds.build/docs/components/input).
 **/
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
//#endregion
export { Checkbox, type CheckboxProps, SIZES, VARIANTS };