@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
19 lines (18 loc) • 1.02 kB
TypeScript
import { default as React } from 'react';
import { SankeyChartLinkExtended } from '../types';
export interface SankeyChartLinkProps {
link: SankeyChartLinkExtended;
/** Single color when gradient is not used */
color?: string;
/** When set with targetColor, link stroke is a gradient from source to target */
sourceColor?: string;
targetColor?: string;
/** Unique suffix for gradient id (e.g. link index) when multiple links share same source/target */
gradientIdSuffix?: string | number;
opacity: number;
hoverOpacity: number;
pathGenerator: (link: SankeyChartLinkExtended, ...args: Array<any>) => string | null;
onMouseEnter?: (link: SankeyChartLinkExtended, event: React.MouseEvent) => void;
onMouseLeave?: () => void;
}
export declare const SankeyChartLink: React.MemoExoticComponent<({ link, color, sourceColor, targetColor, gradientIdSuffix, opacity, hoverOpacity, pathGenerator, onMouseEnter, onMouseLeave, }: SankeyChartLinkProps) => React.JSX.Element | null>;