import React from 'react';
import { FlintMenubarCheckboxItem as FlintMenubarCheckboxItemElement } from '@getufy/flint-ui/menubar/flint-menubar';
export interface FlintMenubarCheckboxChangeDetail {
    checked: boolean;
    value: string;
}
/**
 * A toggleable checkbox menu item.
 */
export interface FlintMenubarCheckboxItemProps extends React.HTMLAttributes<FlintMenubarCheckboxItemElement> {
    /** Whether the checkbox item is currently checked. */
    checked?: boolean;
    /** Whether the item is non-interactive. */
    disabled?: boolean;
    /** Whether the item is visually highlighted (e.g. via keyboard or hover). */
    highlighted?: boolean;
    /** Explicit value for the change event. Falls back to label text (excludes shortcut). */
    value?: string;
    /**
     * detail: `{ checked: boolean, value: string }`
     * DOM event: `flint-menubar-checkbox-change`
     */
    onFlintMenubarCheckboxChange?: (event: CustomEvent<FlintMenubarCheckboxChangeDetail>) => void;
}
export declare const FlintMenubarCheckboxItem: React.ForwardRefExoticComponent<FlintMenubarCheckboxItemProps & React.RefAttributes<FlintMenubarCheckboxItemElement>>;