type ProductImageUploadingPreviewProps = {
    style: React.CSSProperties;
};

export default function ProductImageUploadingPreview({
                                                         style,
                                                     }: ProductImageUploadingPreviewProps) {
    return (
        <div
            className="w-full flex items-center justify-center overflow-hidden rounded-lg"
            style={style}
        >
            <div className="w-full h-full rounded-lg bg-gradient-to-br from-[#FFF7FA] to-[#F8F8FA] border border-[#F3D7E3] flex flex-col items-center justify-center">
                <div className="w-9 h-9 border-2 border-[#FF2B77] border-t-transparent rounded-full animate-spin" />

                <p className="text-sm text-[#FF2B77] font-medium mt-3">
                    جاري التحميل...
                </p>

                <p className="text-xs text-gray-500 mt-1">
                    يرجى الانتظار قليلاً
                </p>
            </div>
        </div>
    );
}