@theguild/components
Version:
30 lines (27 loc) • 1.14 kB
text/typescript
import * as react_jsx_runtime from 'react/jsx-runtime';
import react__default, { ReactNode, ReactElement } from 'react';
declare const PresetSpeedToMs: {
fast: number;
normal: number;
slow: number;
};
interface MarqueeProps extends react__default.HTMLAttributes<HTMLDivElement> {
direction?: 'left' | 'right';
speed?: keyof typeof PresetSpeedToMs | number;
pauseOnHover?: boolean;
/**
* Seconds to stop the animation
*/
pauseDurationSeconds?: number;
children: ReactNode;
}
declare function Marquee({ direction, speed, pauseOnHover, className, children, pauseDurationSeconds, ...rest }: MarqueeProps): react_jsx_runtime.JSX.Element;
interface MarqueeRowsProps extends react__default.HTMLAttributes<HTMLElement>, Pick<MarqueeProps, 'pauseOnHover' | 'speed'> {
rows: number;
children: ReactElement[];
}
declare function MarqueeRows({ children, rows, pauseOnHover, speed, className, ...rest }: MarqueeRowsProps): react_jsx_runtime.JSX.Element;
declare namespace MarqueeRows {
var Rows: typeof MarqueeRows;
}
export { Marquee, type MarqueeProps, MarqueeRows, type MarqueeRowsProps };