import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { InputToggle } from "./InputToggle.js";
/**
 * **Client Component**
 *
 * You'll generally want to use the `useCheckboxGroup` hook for managing the
 * checked state for groups of checkboxes and indeterminate checkbox behavior.
 *
 * @example Simple Example
 * ```tsx
 * import type { ReactElement } from "react";
 * import { Checkbox } from "@react-md/core";
 *
 * function Example(): ReactElement {
 *   return <Checkbox label="Checkbox" value="a" />;
 * }
 * ```
 */ export const Checkbox = /*#__PURE__*/ forwardRef(function Checkbox(props, ref) {
    return /*#__PURE__*/ _jsx(InputToggle, {
        ...props,
        ref: ref,
        type: "checkbox"
    });
});

//# sourceMappingURL=Checkbox.js.map