import { CustomElement } from '../../Abstracts/CustomElement';
import { ITimelineOppositeElementProps } from './ITimelineOppositeElementProps';
declare const TimelineOppositeElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * TimelineOpposite - Represents secondary content positioned opposite the main timeline content.
 *
 * @description
 * Provides an area for supplementary information (e.g. dates, timestamps)
 * placed on the opposite side of a `TimelineItemElement`.
 * Placed in the `opposite` slot of the parent item.
 *
 * @name TimelineOpposite
 * @element mosaik-timeline-opposite
 * @category Layouts
 *
 * @slot - Default slot for opposite content.
 *
 * @cssprop {String} --timeline-opposite-font-family - Font family for opposite text
 * @cssprop {String} --timeline-opposite-font-letter-spacing - Letter spacing for opposite text
 * @cssprop {String} --timeline-opposite-font-line-height - Line height for opposite text
 * @cssprop {String} --timeline-opposite-font-size - Font size for opposite text
 * @cssprop {String} --timeline-opposite-font-text-decoration - Text decoration for opposite text
 * @cssprop {String} --timeline-opposite-font-text-transform - Text transform for opposite text
 * @cssprop {String} --timeline-opposite-font-weight - Font weight for opposite text
 * @cssprop {Color} --timeline-opposite-foreground-color - Text color of the opposite area
 * @cssprop {String} --timeline-opposite-gap - The opposite gap CSS custom property.
 * @cssprop {String} --timeline-opposite-padding-bottom - The opposite padding bottom CSS custom property.
 * @cssprop {String} --timeline-opposite-padding-left - The opposite padding left CSS custom property.
 * @cssprop {String} --timeline-opposite-padding-right - The opposite padding right CSS custom property.
 * @cssprop {String} --timeline-opposite-padding-top - The opposite padding top CSS custom property.
 * @cssprop {String} --timeline-opposite-shadow - The opposite shadow CSS custom property.
 * @cssprop {String} --timeline-opposite-shadow-blur - The opposite shadow blur CSS custom property.
 * @cssprop {String} --timeline-opposite-shadow-color - The opposite shadow color CSS custom property.
 * @cssprop {String} --timeline-opposite-shadow-offset-x - The opposite shadow offset x CSS custom property.
 * @cssprop {String} --timeline-opposite-shadow-offset-y - The opposite shadow offset y CSS custom property.
 * @cssprop {String} --timeline-opposite-shadow-spread - The opposite shadow spread CSS custom property.
 * @cssprop {String} --timeline-opposite-transition-duration - The opposite transition duration CSS custom property.
 * @cssprop {String} --timeline-opposite-transition-mode - The opposite transition mode CSS custom property.
 * @cssprop {String} --timeline-opposite-transition-property - The opposite transition property CSS custom property.
 * @cssprop {String} --timeline-opposite-translate - The opposite translate CSS custom property.
 *
 * @fires connected {ConnectedEvent} - Fired when connected to DOM
 * @fires changed {PropertyChangedEvent} - Fired when a property changes
 *
 * @example
 * ```html
 * <mosaik-timeline-opposite>January 2024</mosaik-timeline-opposite>
 * ```
 *
 * @public
 */
export declare class TimelineOppositeElement extends TimelineOppositeElement_base implements ITimelineOppositeElementProps {
    /**
     * Returns the `is` property.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
}
/**
 * @public
 */
export declare namespace TimelineOppositeElement {
    type Props = ITimelineOppositeElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-timeline-opposite': TimelineOppositeElement;
    }
}
export {};
//# sourceMappingURL=TimelineOppositeElement.d.ts.map