type ProductStartButtonProps = {
    visibleImagesLength: number;
    uploading: boolean;
    onClick: () => void;
};

export default function ProductStartButton({
                                               visibleImagesLength,
                                               uploading,
                                               onClick,
                                           }: ProductStartButtonProps) {
    if (visibleImagesLength !== 0) return null;

    return (
        <button
            onClick={onClick}
            className="flex flex-col items-center justify-center focus:outline-none mt-20"
            disabled={uploading}
        >
            <div className="w-40 h-40 rounded-full bg-gradient-to-b from-pink-300 to-pink-500 flex items-center justify-center shadow-lg transition-transform hover:scale-105">
                <span className="text-white text-6xl font-bold">+</span>
            </div>

            <span className="mt-3 text-gray-700 font-medium">
        ابدأ بالإنشاء
      </span>
        </button>
    );
}