import * as _angular_core from '@angular/core';

interface WrDonutSegment {
    readonly label: string;
    readonly value: number;
    readonly color?: string;
}

/**
 * Donut chart. Set `thickness` to 0 for a solid pie. Optional center
 * text via inputs.
 *
 * @example
 * ```html
 * <wr-donut-chart [segments]="[
 *   { label: 'Used', value: 60 },
 *   { label: 'Free', value: 40 }
 * ]" centerLabel="Disk" centerValue="60%" />
 * ```
 *
 * @see https://ngwr.dev/components/donut-chart
 */
declare class WrDonutChart {
    readonly segments: _angular_core.InputSignal<readonly WrDonutSegment[]>;
    /** Diameter in CSS pixels. @default 200 */
    readonly size: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Inner-ring thickness as a percent of radius (0–100). `0` = solid pie. @default 30 */
    readonly thickness: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Show the legend under the chart. @default true */
    readonly showLegend: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Bold value text in the center. */
    readonly centerValue: _angular_core.InputSignal<string>;
    /** Smaller label under the value. */
    readonly centerLabel: _angular_core.InputSignal<string>;
    private readonly outerR;
    protected readonly innerR: _angular_core.Signal<number>;
    protected readonly total: _angular_core.Signal<number>;
    /** Resolved slices ready for the template — each carries its arc path. */
    protected readonly slices: _angular_core.Signal<{
        label: string;
        value: number;
        color: string;
        path: string;
        percent: number;
    }[]>;
    /** SVG path for one donut slice using outer and inner arcs. */
    private arcPath;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDonutChart, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDonutChart, "wr-donut-chart", never, { "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "centerValue": { "alias": "centerValue"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrDonutChart };
export type { WrDonutSegment };