import * as React from 'react';
import { Status, Trend } from '../common/types';
import './index.scss';
export interface WcircleProps {
    className?: string;
    style?: React.CSSProperties;
    type?: 'circle' | 'gauge';
    title?: React.ReactNode;
    unit?: React.ReactNode;
    trend?: Trend;
    percent?: number;
    status?: Status | string;
    radius?: number;
    strokeWidth?: number;
    color?: string;
    backgroundColor?: string;
    linecap?: 'round' | 'butt';
    bottomTitle?: React.ReactNode;
    bottomUnit?: React.ReactNode;
    bottomNumber?: React.ReactNode;
    bottomTrend?: Trend;
}
export default class Wcircle extends React.Component<WcircleProps> {
    static displayName: string;
    static defaultProps: {
        type: string;
        title: string;
        percent: number;
        unit: string;
        status: string;
        radius: number;
        strokeWidth: number;
        linecap: string;
    };
    constructor(props: WcircleProps);
    renderBottom(bottomTitle: React.ReactNode, bottomUnit: React.ReactNode, bottomNumber: React.ReactNode, bottomTrend: string): React.JSX.Element;
    renderMain({ title, unit, children, trend, type, percent, radius, strokeWidth, status, color: customColor, backgroundColor, bottomTitle, bottomUnit, bottomNumber, bottomTrend, linecap, }: WcircleProps & {
        children?: React.ReactNode;
    }): React.JSX.Element;
    render(): React.JSX.Element;
}