import { CSSResultGroup, TemplateResult, LitElement } from 'lit';

export type LineType = 'dotted' | 'standard' | 'thin';
export type BulletType = 'default' | 'past' | 'irrelevant' | 'skipped' | 'disruption';
export type LineColor = 'default' | 'past' | 'disruption' | 'walk';
export type BulletSize = 'start-end' | 'stop';
export interface PearlChainVerticalItemAttributes {
    lineType: LineType;
    lineColor: LineColor;
    bulletType?: BulletType;
    minHeight: number;
    hideLine: boolean;
    bulletSize: BulletSize;
    position?: number;
}
/**
 * It displays details about connection between stations.
 *
 * @slot left - Content of the left side of the item
 * @slot right - Content of the right side of the item
 */
export declare class SbbPearlChainVerticalItemElement extends LitElement {
    static styles: CSSResultGroup;
    /** The pearlChainVerticalItemAttributes Prop for styling the bullets and line.*/
    pearlChainVerticalItemAttributes: PearlChainVerticalItemAttributes;
    /** If true, the position won't be animated. */
    disableAnimation?: boolean;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-pearl-chain-vertical-item': SbbPearlChainVerticalItemElement;
    }
}
//# sourceMappingURL=pearl-chain-vertical-item.d.ts.map