import type { ShallowRef } from 'vue';
import type { RgbaColor } from '../share/type';
import type { SliderProps } from './type';
import { type Nullish } from 'parsnip-kit';
export declare const drawBorder: (ctx: CanvasRenderingContext2D, width: number, height: number, center: [number, number][], borderColor: RgbaColor, pixelSize: number, paddingX?: number, paddingY?: number) => void;
export declare const drawRange: (ctx: CanvasRenderingContext2D, width: number, height: number, trackLeft: number, trackWidth: number, fillColor: RgbaColor, emptyColor: RgbaColor, pixelSize: number, direction: SliderProps["direction"], reverse: boolean) => void;
export declare const drawThumbBorder: (ctx: CanvasRenderingContext2D, width: number, height: number, center: [number, number][], borderRadius: number[], rad: [number, number][], borderColor: RgbaColor, pixelSize: number, paddingX?: number, paddingY?: number) => void;
export declare const drawThumb: (thumbRef: ShallowRef<HTMLDivElement | null>, thumbCanvasRef: ShallowRef<HTMLCanvasElement | null>, thumbStartRef: ShallowRef<HTMLDivElement | null>, thumbStartCanvasRef: ShallowRef<HTMLCanvasElement | null>, thumbEndRef: ShallowRef<HTMLDivElement | null>, thumbEndCanvasRef: ShallowRef<HTMLCanvasElement | null>, range: boolean, rad: [number, number][], pixelSize: number, thumbColor: RgbaColor, borderColor: RgbaColor) => void;
export declare const getDotStyle: (offset: number, direction: SliderProps["direction"], reverse: boolean) => {
    left: string | undefined;
    right: string | undefined;
    top: string | undefined;
    bottom: number | undefined;
};
export declare const getMarkStyle: (offset: number, direction: SliderProps["direction"], reverse: boolean) => {
    left: string | undefined;
    right: string | undefined;
    top: string | undefined;
    bottom: string | undefined;
};
export declare const drawMark: (sliderRef: ShallowRef<HTMLDivElement | null>, dotCanvasRef: ShallowRef<HTMLCanvasElement | null>, rad: [number, number][], modelValue: number | [number, number] | Nullish, direction: SliderProps["direction"], reverse: boolean, disabled: boolean, markPoints: {
    value: number;
    left: number;
    label?: string | undefined;
}[], pixelSize: number) => void;