composiohq--composio
wehub-resource-sync
43 行
880 B
TypeScript
43 行
880 B
TypeScript
import type { CSSProperties, ReactNode } from "react";
|
|
|
|
interface LogoImageItem {
|
|
src: string;
|
|
srcSet?: string;
|
|
sizes?: string;
|
|
width?: number;
|
|
height?: number;
|
|
alt?: string;
|
|
title?: string;
|
|
href?: string;
|
|
}
|
|
|
|
interface LogoNodeItem {
|
|
node: ReactNode;
|
|
ariaLabel?: string;
|
|
title?: string;
|
|
href?: string;
|
|
}
|
|
|
|
type LogoItem = LogoImageItem | LogoNodeItem;
|
|
|
|
interface LogoLoopProps {
|
|
logos: LogoItem[];
|
|
speed?: number;
|
|
direction?: "left" | "right" | "up" | "down";
|
|
width?: string | number;
|
|
logoHeight?: number;
|
|
gap?: number;
|
|
pauseOnHover?: boolean;
|
|
hoverSpeed?: number;
|
|
fadeOut?: boolean;
|
|
fadeOutColor?: string;
|
|
scaleOnHover?: boolean;
|
|
renderItem?: (item: LogoItem, key: string) => ReactNode;
|
|
ariaLabel?: string;
|
|
className?: string;
|
|
style?: CSSProperties;
|
|
}
|
|
|
|
export const LogoLoop: React.MemoExoticComponent<React.FC<LogoLoopProps>>;
|
|
export default LogoLoop;
|