import { BoxProps } from '@dodoex/components';
import { TokenInfo } from '../../../hooks/Token';
import { MidPathType } from '../../../hooks/useRouteVisionData';
export declare function Dot({ sx }: {
    sx?: BoxProps['sx'];
}): JSX.Element;
export declare function Triangle({ sx }: {
    sx?: BoxProps['sx'];
}): JSX.Element;
export declare function DashedLine({ sx }: {
    sx?: BoxProps['sx'];
}): JSX.Element;
interface Props {
    routeData: MidPathType[];
    fromTokenRaw: TokenInfo;
    toTokenRaw: TokenInfo;
}
/**
 * Path visualization
 */
export declare function MobileRoutingVision({ routeData, fromTokenRaw, toTokenRaw, sx, }: Props & {
    sx?: BoxProps['sx'];
}): JSX.Element;
export declare function PCRoutingVision({ routeData, fromTokenRaw, toTokenRaw, }: Props): JSX.Element;
export {};
