import { CustomElement } from '../../Abstracts/CustomElement';
import type { ITimelineItemElementProps } from './ITimelineItemElementProps';
declare const TimelineItemElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * TimelineItem - Represents a single event entry within a timeline.
 *
 * @description
 * Positions its marker, primary content, and optional opposite content
 * according to the parent `TimelineElement` layout and alignment rules.
 *
 * @name TimelineItem
 * @element mosaik-timeline-item
 * @category Layouts
 *
 * @slot marker - Optional marker slot. Accepts a `TimelineMarkerElement`. Defaults to an internally rendered marker when omitted.
 * @slot content - Required content slot for a `TimelineContentElement` representing the primary timeline information.
 * @slot opposite - Optional slot for a `TimelineOppositeElement` positioned opposite the main content.
 *
 * @csspart item - The root grid container of the timeline item
 * @csspart marker - The positioning wrapper around the marker slot
 * @csspart marker-default - The fallback marker element rendered when no marker is slotted
 * @csspart content - The wrapper around the content slot
 * @csspart opposite - The wrapper around the opposite slot
 *
 * @cssprop {String} --timeline-item-content-gap - Gap between content areas
 * @cssprop {String} --timeline-item-line-offset - Offset used for marker placement along the timeline line
 * @cssprop {Color} --timeline-item-marker-border-color - Border color of the default marker
 * @cssprop {String} --timeline-item-marker-border-width - Border width of the default marker
 * @cssprop {Color} --timeline-item-marker-color - Background color of the default marker
 * @cssprop {String} --timeline-item-marker-size - Size (width and height) of the marker area
 *
 * @dependency {TimelineMarkerElement} - Default marker rendered when no marker is slotted
 *
 * @fires connected {ConnectedEvent} - Fired when connected to DOM
 * @fires changed {PropertyChangedEvent} - Fired when a property changes
 *
 * @example
 * Timeline item with marker and content:
 * ```html
 * <mosaik-timeline-item>
 *   <mosaik-timeline-marker text="1" variant="primary" appearance="solid"></mosaik-timeline-marker>
 *   <mosaik-timeline-content>Event description</mosaik-timeline-content>
 *   <mosaik-timeline-opposite>2024-01-01</mosaik-timeline-opposite>
 * </mosaik-timeline-item>
 * ```
 *
 * @public
 */
export declare class TimelineItemElement extends TimelineItemElement_base implements ITimelineItemElementProps {
    /**
     * Returns the `is` property.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
}
/**
 * @public
 */
export declare namespace TimelineItemElement {
    type Props = ITimelineItemElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-timeline-item': TimelineItemElement;
    }
}
export {};
//# sourceMappingURL=TimelineItemElement.d.ts.map