import { ComputedRef } from 'vue';
import { Data } from '../types';
import { WheelProps } from '../FortuneWheel.vue';
import * as d3 from 'd3';
export declare function useWheelCreation(props: WheelProps, wheelSize: ComputedRef<{
    width: number;
    height: number;
}>, isMobile: ComputedRef<boolean>): {
    state: {
        pieGenerator: d3.Pie<any, Data> | null;
        arcGenerator: d3.Arc<any, d3.PieArcDatum<Data>> | null;
        arrow: SVGElement | null;
        container: SVGGElement | null;
        rayon: number;
        rotation: number;
        isSpinning: boolean;
        svg: SVGGElement | null;
        vis: SVGGElement | null;
        error: string | null;
        isRendering: boolean;
        renderAttempts: number;
    };
    createWheel: () => void;
    redrawWheel: () => void;
    cleanup: () => void;
};