{/* Toggle de tema flotante */}

Completar Perfil

Completa tu perfil para personalizar tu experiencia (opcional)

Institución

Descripción del perfil

setData('description', e.target.value)}
                                        disabled={processing}
                                        placeholder="Cuéntanos un poco sobre ti..."
                                        rows={4}
                                    />
                                    <InputError message={errors.description} />
                                </div>

<div className="grid gap-2">
                                    <Label htmlFor="profile_photo">Foto de perfil</Label>
                                    <Input
                                        id="profile_photo"
                                        type="file"
                                        accept="image/*"
                                        onChange={(e) => setData('profile_photo', e.target.files?.[0] || null)}
                                        disabled={processing}
                                    />
                                    <InputError message={errors.profile_photo} />
                                </div>

<div className="flex flex-col gap-3">
                                    <Button type="submit" className="w-full bg-emerald-600 text-white font-bold rounded-2xl shadow-lg hover:scale-105 transition-all duration-300 border-none" disabled={processing}>
                                        {processing && <LoaderCircle className="h-4 w-4 animate-spin" />}
                                        Guardar y continuar
                                    </Button>

<Button type="button" variant="outline" className="w-full rounded-2xl" onClick={skip} disabled={processing}>
                                        Omitir por ahora
                                    </Button>
                                </div>
                            </div>
                        </form>
                    </div>
                </Container>
            </div>
        </>
    );
}