import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * A list item component that displays a single instance of choice in a list or menu with a control element (radio-button or checkbox). It functions as a wrapper around the material [list item](https://github.com/material-components/material-components-web/blob/master/packages/mdc-list/) capabilities.
 *
 * This component is used as child of `ino-list` and `ino-menu` components.
 * #### Restrictions
 * Please note that only text is supported as a trailing element. However, your icons can be placed at the leading position. To do so, use the `trailing`-Property and declare your icon inside of the element
 *
 * @slot default - Any element
 */
export declare class InoControlItem implements ComponentInterface {
    private inputEl;
    el: HTMLInoControlItemElement;
    /**
     * The type of control element
     *
     * Valid options are 'checkbox' or 'radio'
     */
    role: string | null;
    /**
     * The primary text of this list item (required).
     */
    text: string;
    /**
     * Sets the secondary text of this list item.
     *
     * Requires `two-lines` on the parent `ino-list` element.
     */
    secondaryText?: string;
    /**
     * Styles the row in a selected style.
     *
     * In contrast to `activated`, use this option to select one
     * or multiple items that are likely to change soon.
     */
    selected?: boolean;
    /**
     * Styles the row in an activated style.
     *
     * In contrast to `selected`, use this for only one item
     * and to mark it as permanently activated.
     */
    activated?: boolean;
    /**
     * Marks this element as checked. (**unmanaged**)
     */
    checked?: boolean;
    /**
     * Disables this element.
     */
    disabled?: boolean;
    /**
     * The name of this element.
     */
    name?: string;
    /**
     * The value of this element.
     */
    value?: string;
    /**
     * Marks this element as indeterminate (**unmanaged**)
     * Checkbox only
     */
    indeterminate?: boolean;
    /**
     * Places the checkbox at the end of the item
     */
    trailing?: boolean;
    /**
     * Emits when the user clicks on the checkbox or the list item to change the checked state. Contains the status in `event.detail`.
     */
    checkedChange: EventEmitter;
    private changedHandler;
    private clickHandler;
    componentDidLoad(): void;
    render(): any;
}