import { type ComponentInterface, type EventEmitter } from "../../stencil-public-runtime";
export type Size = "small" | "medium";
/**
 * The segmented control component presents a set of options where exactly one
 * option is active at a time.
 *
 * The component displays an indicator under the selected option and emits a
 * `scoutChange` event when the user picks a different option, so you can update
 * `value`.
 *
 * Use button elements as the slotted segment options.
 */
export declare class ScoutSegmentedControl implements ComponentInterface {
    /**
     * Visual size of the segmented control.
     * Use `small` for dense layouts and `medium` for the default size.
     */
    size: Size;
    /**
     * Zero-based index of the currently active segment.
     */
    value: number;
    /**
     * Emitted when the active segment changes as a result of a user click.
     * The `value` in the event detail is the zero-based index of the newly selected segment.
     */
    scoutChange: EventEmitter<{
        value: number;
    }>;
    private widths;
    private lefts;
    private enableAnimations;
    el: HTMLElement;
    private resizeObserver?;
    private wrapperEl?;
    render(): any;
    componentDidLoad(): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    getIndicator(): any;
    handleClick(event: MouseEvent): void;
    updateChildrenAttributes(): void;
    calculateIndicatorSizes(): void;
}