"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { MenuItemInputToggle } from "./MenuItemInputToggle.js";
/**
 * **Client Component**
 *
 * This is a simple wrapper for the {@link MenuItemInputToggle} component to
 * render it as a checkbox and pulling the checkbox icon from the
 * {@link ICON_CONFIG}.
 *
 * @example
 * Simple Example
 * ```tsx
 * import { DropdownMenu, MenuItemCheckbox } from "@react-md/core";
 * import { ReactElement, useState } from "react";
 *
 * function Example(): ReactElement {
 *   const [checked, setChecked] = useState(false);
 *
 *   return (
 *     <DropdownMenu buttonChildren="Button">
 *       <MenuItemCheckbox
 *         checked={checked}
 *         onCheckedChange={(nextChecked) => setChecked(nextChecked)}
 *       >
 *         Checkbox
 *      </MenuItemCheckbox>
 *     </DropdownMenu>
 *   );
 * }
 * ```
 *
 * @remarks \@since 2.8.0
 */ export const MenuItemCheckbox = /*#__PURE__*/ forwardRef(function MenuItemCheckbox(props, ref) {
    return /*#__PURE__*/ _jsx(MenuItemInputToggle, {
        ...props,
        ref: ref,
        type: "checkbox"
    });
});

//# sourceMappingURL=MenuItemCheckbox.js.map