import React from 'react' ; import FormLogin from 'teleport/components/FormLogin' ; import Logo from 'teleport/components/LogoHero' ; import useLogin , { State } from './useLogin' ; const logoSrc = require ( 'design/assets/images/teleport-medallion.svg' ) ; export default function Container ( ) { const state = useLogin ( ) ; return < Login { ... state } / > ; } export function Login ( { attempt , onLogin , onLoginWithU2f , onLoginWithWebauthn , onLoginWithSso , authProviders , auth2faType , preferredMfaType , isLocalAuthEnabled , clearAttempt , } ) { return ( < > < Logo src = { logoSrc } / > < FormLogin title = { 'Sign into Teleport' } authProviders = { authProviders } auth2faType = { auth2faType } preferredMfaType = { preferredMfaType } isLocalAuthEnabled = { isLocalAuthEnabled } onLoginWithSso = { onLoginWithSso } onLoginWithU2f = { onLoginWithU2f } onLoginWithWebauthn = { onLoginWithWebauthn } onLogin = { onLogin } attempt = { attempt } clearAttempt = { clearAttempt } / > < />); }