import type { Vars } from '../styles';
export declare const imagePickerDefaultVars: (vars: Vars) => {
    image_picker_size: number;
    image_picker_icon_size: number;
    image_picker_icon_color: string;
    image_picker_text_color: string;
    image_picker_text_font_size: number;
    image_picker_upload_background: string;
    image_picker_upload_active_color: string;
    image_picker_delete_color: string;
    image_picker_delete_icon_size: number;
    image_picker_delete_background: string;
    image_picker_file_background: string;
    image_picker_file_icon_size: number;
    image_picker_file_icon_color: string;
    image_picker_file_name_padding_vertical: number;
    image_picker_file_name_padding_horizontal: number;
    image_picker_file_name_margin_top: number;
    image_picker_file_name_font_size: number;
    image_picker_file_name_text_color: string;
    image_picker_mask_text_color: string;
    image_picker_mask_background: string;
    image_picker_mask_icon_size: number;
    image_picker_mask_message_font_size: number;
    image_picker_mask_message_line_height: number;
    image_picker_loading_icon_size: number;
    image_picker_loading_icon_color: string;
    image_picker_disabled_opacity: number;
};
export declare const createItemStyles: (theme: DiceUI.Theme) => {
    delete: {
        alignItems: "center";
        backgroundColor: string;
        borderBottomStartRadius: number;
        height: number;
        justifyContent: "center";
        position: "absolute";
        right: number;
        top: number;
        width: number;
    };
    deleteIcon: {
        transform: ({
            scale: number;
            translateX?: undefined;
            translateY?: undefined;
        } | {
            translateX: number;
            scale?: undefined;
            translateY?: undefined;
        } | {
            translateY: number;
            scale?: undefined;
            translateX?: undefined;
        })[];
    };
    mask: {
        alignItems: "center";
        backgroundColor: string;
        flexDirection: "column";
        justifyContent: "center";
        position: "absolute";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    };
    maskMessage: {
        color: string;
        fontSize: number;
        lineHeight: number;
        marginTop: number;
        paddingHorizontal: number;
    };
    preview: {
        marginBottom: number;
        marginRight: number;
        position: "relative";
    };
};
export declare const createUploaderStyles: (theme: DiceUI.Theme) => {
    upload: {
        alignItems: "center";
        justifyContent: "center";
        position: "relative";
    };
    uploadText: {
        color: string;
        fontSize: number;
        marginTop: number;
    };
};
export declare const createStyles: (theme: DiceUI.Theme) => {
    container: {
        position: "relative";
    };
    wrapper: {
        flexDirection: "row";
        flexWrap: "wrap";
    };
    wrapperDisabled: {
        opacity: number;
    };
};