/// <reference path="../../../vendor/react/react.d.ts" />
//@ts-ignore
import { LegacyRef } from 'react';
//@ts-ignore
import { Dropdown } from '@grapecity/core-ui';
/// <reference path="../../../vendor/i18next.d.ts" />
//@ts-ignore
import { i18n } from 'i18next';
export declare function renderToolSizePreviewSvg(toolSize: number, hardness: number, opacity: number, maxSize: number): JSX.Element;
export declare function renderToolSizeContent(settings: {
    in17n: i18n;
    maxSize?: number;
    toolSize: number;
    toolHardness: number;
    toolOpacity: number;
    sizeFromState: number | string | undefined;
    hardnessFromState: number | string | undefined;
    opacityFromState: number | string | undefined;
    toolSizeCallback: (val: number | string, dirty: boolean) => void;
    toolHardnessCallback: (val: number | string, dirty: boolean) => void;
    toolOpacityCallback: (val: number | string, dirty: boolean) => void;
    disabled: boolean;
    disableHardness: boolean;
    disableOpacity: boolean;
    refCallback: LegacyRef<Dropdown>;
}): JSX.Element;
export declare function renderToolSizeDropdown(settings: {
    in17n: i18n;
    maxSize?: number;
    toolSize: number;
    toolHardness: number;
    toolOpacity: number;
    sizeFromState: number | string | undefined;
    hardnessFromState: number | string | undefined;
    opacityFromState: number | string | undefined;
    toolSizeCallback: (val: number | string, dirty: boolean) => void;
    toolHardnessCallback: (val: number | string, dirty: boolean) => void;
    toolOpacityCallback: (val: number | string, dirty: boolean) => void;
    disabled: boolean;
    disableHardness: boolean;
    disableOpacity: boolean;
    refCallback: LegacyRef<Dropdown>;
}): JSX.Element;