import * as i0 from '@angular/core';
import { ElementRef, NgZone } from '@angular/core';
import { SynOption } from '@synergy-design-system/components';

/**
 * @summary Options define the selectable items within various form controls such as [select](/components/select).
 * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-option--docs
 * @status stable
 * @since 2.0
 *
 * @dependency syn-icon
 *
 * @slot - The option's label.
 * @slot prefix - Used to prepend an icon or similar element to the menu item.
 * @slot suffix - Used to append an icon or similar element to the menu item.
 *
 * @csspart checked-icon - The checked icon, an `<syn-icon>` element.
 * @csspart base - The component's base wrapper.
 * @csspart label - The option's label.
 * @csspart prefix - The container that wraps the prefix.
 * @csspart suffix - The container that wraps the suffix.
 */
declare class SynOptionComponent {
    nativeElement: SynOption;
    private _ngZone;
    constructor(e: ElementRef, ngZone: NgZone);
    /**
  * The option's value.
  * When selected, the containing form control will receive this value.
  * The value must be unique
  from other options in the same group.
  * Values may not contain spaces, as spaces are used as delimiters when listing
  multiple values.
   */
    set value(v: SynOption['value']);
    get value(): SynOption['value'];
    /**
     * Draws the option in a disabled state, preventing selection.
     */
    set disabled(v: '' | SynOption['disabled']);
    get disabled(): SynOption['disabled'];
    static ɵfac: i0.ɵɵFactoryDeclaration<SynOptionComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SynOptionComponent, "syn-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
}

export { SynOptionComponent };