import { ReactNode } from 'react';
import { BoxProps } from '@mantine/core';
export type MarqueeDirection = 'left' | 'right' | 'up' | 'down';
export interface ArchbaseMarqueeProps extends Omit<BoxProps, 'children'> {
    /** Conteúdo a ser animado */
    children: ReactNode;
    /** Direção do movimento */
    direction?: MarqueeDirection;
    /** Velocidade em pixels por segundo */
    speed?: number;
    /** Pausar ao passar o mouse */
    pauseOnHover?: boolean;
    /** Pausar ao clicar */
    pauseOnClick?: boolean;
    /** Número de cópias do conteúdo (para loop contínuo) */
    copies?: number;
    /** Gap entre as cópias */
    gap?: number;
    /** Gradient fade nas bordas */
    gradient?: boolean;
    /** Largura do gradient em pixels */
    gradientWidth?: number;
    /** Cor do gradient (background) */
    gradientColor?: string;
    /** Desabilitar animação */
    disabled?: boolean;
    /** Delay antes de iniciar (ms) */
    delay?: number;
}
export declare function ArchbaseMarquee({ children, direction, speed, pauseOnHover, pauseOnClick, copies, gap, gradient, gradientWidth, gradientColor, disabled, delay, ...boxProps }: ArchbaseMarqueeProps): import("react/jsx-runtime").JSX.Element;
/** Marquee horizontal da esquerda para direita */
export declare function ArchbaseMarqueeLeft(props: Omit<ArchbaseMarqueeProps, 'direction'>): import("react/jsx-runtime").JSX.Element;
/** Marquee horizontal da direita para esquerda */
export declare function ArchbaseMarqueeRight(props: Omit<ArchbaseMarqueeProps, 'direction'>): import("react/jsx-runtime").JSX.Element;
/** Marquee vertical de cima para baixo */
export declare function ArchbaseMarqueeUp(props: Omit<ArchbaseMarqueeProps, 'direction'>): import("react/jsx-runtime").JSX.Element;
/** Marquee vertical de baixo para cima */
export declare function ArchbaseMarqueeDown(props: Omit<ArchbaseMarqueeProps, 'direction'>): import("react/jsx-runtime").JSX.Element;
export interface ArchbaseTextTickerProps extends Omit<ArchbaseMarqueeProps, 'children'> {
    /** Array de textos */
    items: string[];
    /** Separador entre itens */
    separator?: ReactNode;
}
export declare function ArchbaseTextTicker({ items, separator, ...props }: ArchbaseTextTickerProps): import("react/jsx-runtime").JSX.Element;
export default ArchbaseMarquee;
