import { EventEmitter } from "../../stencil-public-runtime";
import { HostElement } from "../../stencil-public-runtime";
export type SegmentAlignType = 'left' | 'center' | 'evenly' | 'between' | 'right';
export declare class XSegment {
    /**
     * Element block style
     */
    block: boolean;
    /**
     * Element fluid style
     */
    fluid?: boolean;
    /**
     * Element compant style
     */
    compact: boolean;
    /**
     * Element align position segments
     */
    align: SegmentAlignType;
    /**
     * Element active item key/index
     */
    active: string | number;
    /**
     * Element reference
     */
    el: HostElement;
    /**
     * Element child items
     */
    items: Array<HTMLXSegmentItemElement>;
    /**
     * On select the segment index/key value
     */
    selected: EventEmitter<string | number>;
    /**
     * Element event on slot make changes
     *
     * @param evt
     */
    handleSlotChange(): void;
    /**
     * On component will load action
     */
    componentWillLoad(): void;
    /**
     * On component did loaded hook
     */
    componentDidLoad(): void;
    /**
     * Select the segment and set as active
     *
     * @param index
     * @param segment
     */
    private selectItem;
    /**
     * Update the child items and render the result
     */
    private computeChildItems;
    /**
     * Render element
     */
    render(): any;
}
