export declare const Attachment: {
    baseStyle?: {
        dropzone: {
            transitionProperty: string;
            transitionDuration: string;
        };
        fileInfoContainer: {
            borderRadius: string;
            border: string;
            borderColor: string;
            bg: string;
            color: string;
            _disabled: {
                bg: string;
                borderColor: string;
                cursor: string;
                color: string;
            };
        };
        fileInfo: {
            display: string;
            justifyContent: string;
            alignItems: string;
            flex: number;
        };
        fileInfoDescription: {
            color: string;
            _disabled: {
                color: string;
            };
            textStyle: string;
        };
        fileErrorMessage: {
            textColor: string;
            _disabled: {
                color: string;
            };
            textStyle: string;
        };
        fileInfoImage: {
            borderRight: string;
            borderColor: string;
            bg: string;
        };
        fileErrorIcon: {
            height: string;
            weight: string;
            color: string;
        };
    } | undefined;
    sizes?: {
        md: ({ imagePreview }: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            icon: {
                fontSize: string;
            };
            dropzone: {
                px: string;
                py: string;
                textStyle: string;
            };
            fileInfoContainer: {
                maxHeight: string | undefined;
                flexDir: string;
            };
            fileInfo: {
                py: string;
                px: string;
            };
            fileInfoImage: {
                p: string;
                maxW: string;
                objectFit: string;
            };
        };
    } | undefined;
    variants?: {
        outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            dropzone: {
                color: string;
                display: string;
                flexDir: string;
                alignItems: string;
                justifyContent: string;
                cursor: string;
                border: string;
                borderRadius: string;
                outline: string;
                _invalid: {
                    borderColor: any;
                    boxShadow: string;
                };
                _focus: {
                    borderStyle: string;
                    zIndex?: number | undefined;
                    borderColor?: any;
                    boxShadow?: string | undefined;
                };
                _disabled: {
                    bg?: string | undefined;
                    borderColor?: string | undefined;
                    color?: string | undefined;
                    cursor?: string | undefined;
                    opacity?: number | undefined;
                    _hover?: {
                        bg: string;
                    } | undefined;
                    _active?: {
                        bg: string;
                    } | undefined;
                };
                borderColor: string;
                bg: string;
                _active: {
                    bg: string;
                };
                _hover: {
                    bg: string;
                };
            };
        };
    } | undefined;
    defaultProps?: {
        size?: "md" | undefined;
        variant?: "outline" | undefined;
        colorScheme?: string | undefined;
    } | undefined;
    parts: ("container" | "icon" | "fileInfoContainer" | "fileInfo" | "fileInfoTitle" | "fileInfoDescription" | "fileErrorMessage" | "fileInfoImage" | "dropzone" | "fileInfoIcon" | "fileErrorIcon")[];
};