import * as React from 'react';

interface KnobChangeParams {
    value: number;
}

export interface KnobProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
    id?: string;
    style?: object;
    className?: string;
    value?: number;
    size?: number;
    disabled?: boolean;
    readOnly?: boolean;
    showValue?: boolean;
    step?: number;
    min?: number;
    max?: number;
    strokeWidth?: number;
    name?: string;
    valueColor?: string;
    rangeColor?: string;
    textColor?: string;
    valueTemplate?: string;
    onChange?(e: KnobChangeParams): void;
    children?: React.ReactNode;
}

export declare class Knob extends React.Component<KnobProps, any> {
    public getElement(): HTMLDivElement;
}