import type { PropType } from 'vue';
import type { ExtractPublicPropTypes } from '../../_utils';
import type { ViewMode } from './interface';
export declare const cropProps: {
    src: StringConstructor;
    wrapperWidth: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    wrapperHeight: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    viewMode: {
        type: PropType<ViewMode>;
        default: number;
    };
    dragMode: {
        type: PropType<"crop" | "move" | "none">;
        default: string;
    };
    aspectRatio: {
        type: NumberConstructor;
        default: number;
    };
    background: {
        type: BooleanConstructor;
        default: boolean;
    };
    circleShape: {
        type: BooleanConstructor;
        default: boolean;
    };
    zoomable: {
        type: BooleanConstructor;
        default: boolean;
    };
    cropperThemeColor: {
        type: StringConstructor;
        default: string;
    };
    cancelButtonText: {
        type: StringConstructor;
        default: string;
    };
    confirmButtonText: {
        type: StringConstructor;
        default: string;
    };
    theme: PropType<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>;
    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>>;
    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>>;
};
export type CropProps = ExtractPublicPropTypes<typeof cropProps>;
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    src: StringConstructor;
    wrapperWidth: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    wrapperHeight: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    viewMode: {
        type: PropType<ViewMode>;
        default: number;
    };
    dragMode: {
        type: PropType<"crop" | "move" | "none">;
        default: string;
    };
    aspectRatio: {
        type: NumberConstructor;
        default: number;
    };
    background: {
        type: BooleanConstructor;
        default: boolean;
    };
    circleShape: {
        type: BooleanConstructor;
        default: boolean;
    };
    zoomable: {
        type: BooleanConstructor;
        default: boolean;
    };
    cropperThemeColor: {
        type: StringConstructor;
        default: string;
    };
    cancelButtonText: {
        type: StringConstructor;
        default: string;
    };
    confirmButtonText: {
        type: StringConstructor;
        default: string;
    };
    theme: PropType<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>;
    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>>;
    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>>;
}>, {
    cropWrapperRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    cropImageRef: import("vue").Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
    mergedClsPrefix: import("vue").Ref<string, string>;
    cssVars: import("vue").ComputedRef<{
        '--u-wrapper-border-radius': string;
        '--u-wrapper-bg-color': string;
        '--u-wrapper-width': string;
        '--u-wrapper-height': string;
        '--u-cropper-theme-color': string;
        '--u-wrapper-margin': string;
    }>;
    confirmCrop: () => void;
    cancelCrop: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    cancel: () => true;
    confirm: () => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    src: StringConstructor;
    wrapperWidth: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    wrapperHeight: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    viewMode: {
        type: PropType<ViewMode>;
        default: number;
    };
    dragMode: {
        type: PropType<"crop" | "move" | "none">;
        default: string;
    };
    aspectRatio: {
        type: NumberConstructor;
        default: number;
    };
    background: {
        type: BooleanConstructor;
        default: boolean;
    };
    circleShape: {
        type: BooleanConstructor;
        default: boolean;
    };
    zoomable: {
        type: BooleanConstructor;
        default: boolean;
    };
    cropperThemeColor: {
        type: StringConstructor;
        default: string;
    };
    cancelButtonText: {
        type: StringConstructor;
        default: string;
    };
    confirmButtonText: {
        type: StringConstructor;
        default: string;
    };
    theme: PropType<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>;
    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>>;
    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Crop", {
        wrapperBg: string;
        wrapperBorderRadius: string;
        wrapperMargin: string;
    }, {}>>>;
}>> & Readonly<{
    onCancel?: (() => any) | undefined;
    onConfirm?: (() => any) | undefined;
}>, {
    aspectRatio: number;
    background: boolean;
    wrapperWidth: string | number;
    wrapperHeight: string | number;
    viewMode: ViewMode;
    dragMode: "none" | "move" | "crop";
    circleShape: boolean;
    zoomable: boolean;
    cropperThemeColor: string;
    cancelButtonText: string;
    confirmButtonText: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;