import * as React from 'react'; import type { BaseUIComponentProps } from '../../utils/types.js'; /** * A menu item that toggles a setting on or off. * Renders a `
` element. * * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu) */ declare const MenuCheckboxItem: React.ForwardRefExoticComponent>; declare namespace MenuCheckboxItem { type State = { /** * Whether the component should ignore user interaction. */ disabled: boolean; highlighted: boolean; /** * Whether the checkbox item is currently ticked. */ checked: boolean; }; interface Props extends BaseUIComponentProps<'div', State> { /** * Whether the checkbox item is currently ticked. * * To render an uncontrolled checkbox item, use the `defaultChecked` prop instead. */ checked?: boolean; /** * Whether the checkbox item is initially ticked. * * To render a controlled checkbox item, use the `checked` prop instead. * @default false */ defaultChecked?: boolean; /** * Event handler called when the checkbox item is ticked or unticked. */ onCheckedChange?: (checked: boolean, event: Event) => void; children?: React.ReactNode; /** * The click handler for the menu item. */ onClick?: React.MouseEventHandler; /** * Whether the component should ignore user interaction. * @default false */ disabled?: boolean; /** * Overrides the text label to use when the item is matched during keyboard text navigation. */ label?: string; /** * @ignore */ id?: string; /** * Whether to close the menu when the item is clicked. * @default false */ closeOnClick?: boolean; } } export { MenuCheckboxItem };