setData('first_name', e.target.value)}
placeholder="Alex"
className={`auth-input${errors.first_name ? ' !border-red-300 !bg-red-50/50' : ''}`} />
{errors.first_name &&
{errors.first_name}
}
setData('last_name', e.target.value)}
placeholder="Johnson"
className={`auth-input${errors.last_name ? ' !border-red-300 !bg-red-50/50' : ''}`} />
{errors.last_name &&
{errors.last_name}
}
setData('email', e.target.value)}
placeholder="you@company.com"
className={`auth-input${errors.email ? ' !border-red-300 !bg-red-50/50' : ''}`} />
{errors.email &&
{errors.email}
}
setData('password', e.target.value)}
placeholder="Min. 8 characters"
className={`auth-input${errors.password ? ' !border-red-300 !bg-red-50/50' : ''}`} />
{errors.password &&
{errors.password}
}
setData('password_confirmation', e.target.value)}
placeholder="••••••••"
className={`auth-input${errors.password_confirmation ? ' !border-red-300 !bg-red-50/50' : ''}`} />
{errors.password_confirmation &&
{errors.password_confirmation}
}