import type { AnimatedNode, AnimationDriver } from '../animation/types';
type Point = {
    x: number;
    y: number;
};
type PointAnimated<D extends AnimationDriver> = {
    x: AnimatedNode<D>;
    y: AnimatedNode<D>;
};
/**
 * The props of the polar co-ordinate of a point on the circle.
 */
export type PointOnCircle = {
    /**
     * The radius of the circle.
     */
    radius: number;
    /**
     * The angle of the point on the circle.
     */
    radians: number;
};
/**
 * Computes the x co-ordinate of a point on a circle. x = r cos θ
 * @param props The property of the circle
 * @param props.radius The radius of the circle.
 * @param props.radians The angle of the point on the circle.
 * @returns The x co-ordinate of the point on the circle.
 */
export declare function pointOnCircleX({ radius, radians }: PointOnCircle): number;
/**
 * Computes the y co-ordinate of a point on a circle. y = r sin θ
 * @param props The property of the circle
 * @param props.radius The radius of the circle.
 * @param props.radians The angle of the point on the circle.
 * @returns The y co-ordinate of the point on the circle.
 */
export declare function pointOnCircleY({ radius, radians }: PointOnCircle): number;
/**
 * Converts the polar co-ordinates of a point on a circle to its Cartesian co-ordinate.
 * x = r cos θ, y = r sin θ
 * @param props The property of the circle
 * @param props.radius The radius of the circle.
 * @param props.radians The angle of the point on the circle.
 * @returns The Cartesian co-ordinates of the point of the circle.
 */
export declare function pointOnCircle({ radius, radians }: PointOnCircle): Point;
/**
 * The props of the polar co-ordinate of a point on the circle.
 */
export type PointOnCircleAnimated<D extends AnimationDriver> = {
    /**
     * The driver used to power the animated interpolations.
     */
    driver: D;
    /**
     * The radius of the circle.
     */
    radius: number | AnimatedNode<D>;
    /**
     * The angle of the point on the circle.
     */
    radians: number | AnimatedNode<D>;
};
/**
 * Converts the polar co-ordinates of a point on a circle to its Cartesian co-ordinate,
 * supporting animated nodes (produced by the given driver) for radius and/or radians.
 * x = r cos θ, y = r sin θ
 * @param props The property of the circle
 * @param props.driver The driver used to power the animated interpolations.
 * @param props.radius The radius of the circle. Can be a number or an animated node.
 * @param props.radians The angle of the point on the circle. Can be a number or an animated node.
 * @returns The Cartesian co-ordinates of the point of the circle, interpolated when animated.
 * @throws {Error}  If neither `radius` nor `radians` is an animated node. Use `pointOnCircle` for static values.
 */
export declare function pointOnCircleAnimated<D extends AnimationDriver>({ driver, radians, radius, }: PointOnCircleAnimated<D>): PointAnimated<D>;
/**
 * The properties for creating an SVG path of a circle.
 */
type CirclePathProps = {
    radius: number;
    startAngle: number;
    endAngle: number;
    isClockwise?: boolean;
    center?: Point;
};
/**
 * Creates an SVG path for a sector of a circle based on the provided properties.
 * The path is created using the format:
 * M cx cy L startPoint.x startPoint.y A radius radius 0 largeArcFlag sweepFlag endPoint.x endPoint.y Z
 * @param props The properties of the sector.
 * @param props.radius The radius of the sector.
 * @param props.startAngle The angle at which the sector starts. The value needs to be in radians.
 * @param props.endAngle The angle at which the sector ends. The value needs to be in radians.
 * @param props.isClockwise Whether the sector is drawn in a clockwise direction or not. The default value is true.
 * @param props.center The center point of the circle on which the sector is drawn. The default value is { x: 0, y: 0 }.
 * @param props.center.x The x-coordinate of the center point.
 * @param props.center.y The y-coordinate of the center point.
 * @returns The SVG path for the sector.
 */
export declare function getSectorPath({ radius, startAngle, endAngle, isClockwise, center: { x: cx, y: cy }, }: CirclePathProps): string;
/**
 * Creates an SVG path for an annular sector (donut slice) bounded by an outer
 * and inner radius. When innerRadius is 0 or negative the result is identical
 * to getSectorPath.
 * @param props The properties of the annular sector.
 * @param props.radius The outer radius of the annular sector.
 * @param props.innerRadius The inner radius of the annular sector.
 * @param props.startAngle The angle at which the annular sector starts. The value needs to be in radians.
 * @param props.endAngle The angle at which the annular sector ends. The value needs to be in radians.
 * @param props.isClockwise Whether the annular sector is drawn in a clockwise direction or not. The default value is true.
 * @param props.center The center point of the circle on which the annular sector is drawn. The default value is { x: 0, y: 0 }.
 * @param props.center.x The x-coordinate of the center point.
 * @param props.center.y The y-coordinate of the center point.
 * @returns The SVG path for the annular sector.
 */
export declare function getDonutSectorPath({ radius, innerRadius, startAngle, endAngle, isClockwise, center: { x: cx, y: cy }, }: CirclePathProps & {
    innerRadius: number;
}): string;
/**
 * Creates an SVG path for an arc of a circle based on the provided properties.
 * The path is created using the format:
 * M startPoint.x startPoint.y A radius radius 0 largeArcFlag sweepFlag endPoint.x endPoint.y
 * @param params The properties for creating the SVG path of an arc.
 * @param params.radius The radius of the arc.
 * @param params.startAngle The angle at which the arc starts, in radians.
 * @param params.endAngle The angle at which the arc ends, in radians.
 * @param params.isClockwise Whether the arc is drawn in a clockwise direction
 * or not. The default value is true.
 * @param params.center The center point of the circle on which the arc is drawn.
 * The default value is { x: 0, y: 0 }.
 * @param params.center.x The x-coordinate of the center point.
 * @param params.center.y The y-coordinate of the center point.
 * @returns The SVG path for the arc.
 */
export declare function getArcPath({ radius, startAngle, endAngle, isClockwise, center: { x: cx, y: cy }, }: CirclePathProps): string;
export {};
//# sourceMappingURL=circle.d.ts.map