import * as React from "react";
export interface WithRatioProps {
    readonly ratio: number;
}
export interface WithRatioState {
    ratio: number;
}
export declare const withDeviceRatio: () => <TProps extends WithRatioProps>(OriginalComponent: React.ComponentClass<TProps, any>) => {
    new (props: Omit<TProps, "ratio"> | Readonly<Omit<TProps, "ratio">>): {
        readonly ref: React.RefObject<HTMLCanvasElement>;
        componentDidMount(): void;
        render(): JSX.Element;
        context: any;
        setState<K extends "ratio">(state: WithRatioState | ((prevState: Readonly<WithRatioState>, props: Readonly<Omit<TProps, "ratio">>) => WithRatioState | Pick<WithRatioState, K> | null) | Pick<WithRatioState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<Omit<TProps, "ratio">> & Readonly<{
            children?: React.ReactNode;
        }>;
        state: Readonly<WithRatioState>;
        refs: {
            [key: string]: React.ReactInstance;
        };
        shouldComponentUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): boolean;
        componentWillUnmount?(): void;
        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TProps, "ratio">>, prevState: Readonly<WithRatioState>): any;
        componentDidUpdate?(prevProps: Readonly<Omit<TProps, "ratio">>, prevState: Readonly<WithRatioState>, snapshot?: any): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "ratio">>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "ratio">>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): void;
    };
    new (props: Omit<TProps, "ratio">, context: any): {
        readonly ref: React.RefObject<HTMLCanvasElement>;
        componentDidMount(): void;
        render(): JSX.Element;
        context: any;
        setState<K extends "ratio">(state: WithRatioState | ((prevState: Readonly<WithRatioState>, props: Readonly<Omit<TProps, "ratio">>) => WithRatioState | Pick<WithRatioState, K> | null) | Pick<WithRatioState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<Omit<TProps, "ratio">> & Readonly<{
            children?: React.ReactNode;
        }>;
        state: Readonly<WithRatioState>;
        refs: {
            [key: string]: React.ReactInstance;
        };
        shouldComponentUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): boolean;
        componentWillUnmount?(): void;
        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TProps, "ratio">>, prevState: Readonly<WithRatioState>): any;
        componentDidUpdate?(prevProps: Readonly<Omit<TProps, "ratio">>, prevState: Readonly<WithRatioState>, snapshot?: any): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "ratio">>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "ratio">>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): void;
    };
    contextType?: React.Context<any> | undefined;
};