import type { ThemeColor } from '../../types';
import '../icon/icon';
import '../../inputs/button/button';
export type MarqueeDirection = 'left' | 'right';
export type OreMarqueeProps = {
    /** Theme color for the navigation controls. */
    color?: ThemeColor;
    /** Scroll direction. Defaults to `'left'`. */
    direction?: MarqueeDirection;
    /** Duration in seconds for one complete ticker cycle. Defaults to `20`. */
    duration?: number;
    /** Pause the ticker while it is hovered. Defaults to `false`. */
    'pause-on-hover'?: boolean;
    /** Show previous/next navigation controls. Defaults to `true`. */
    'show-controls'?: boolean;
};
/**
 * A CSS-driven, continuously scrolling ticker.
 *
 * Direct child elements are duplicated internally for a seamless loop. Cloned
 * content is inert and hidden from assistive technology, so author interactive
 * content only in the original children.
 *
 * @element ore-marquee
 *
 * @attr {string} color - Theme color for the navigation controls.
 * @attr {number} duration - Duration in seconds for one ticker cycle (default: 20)
 * @attr {string} direction - 'left' (default) | 'right'
 * @attr {boolean} pause-on-hover - Pause while hovered (default: false)
 * @attr {boolean} show-controls - Show previous/next controls (default: true)
 *
 * @cssprop --marquee-gap - Gap between ticker items (default: var(--size-4))
 *
 * @part track - The animated ticker track.
 * @example
 * ```html
 * <ore-marquee duration="24" pause-on-hover>
 *   <span>Free shipping</span>
 *   <span>New arrivals</span>
 * </ore-marquee>
 * ```
 */
export declare const MARQUEE_TAG: "ore-marquee";
//# sourceMappingURL=marquee.d.ts.map