import React from 'react' ; import { LoginFailed as CardFailed } from 'design/CardError' ; import { Route , Switch } from 'teleport/components/Router' ; import LogoHero from 'teleport/components/LogoHero' ; import cfg from 'teleport/config' ; export default function Container ( ) { return ( < Switch > < Route path = { cfg . routes . loginErrorCallback } > < LoginFailed message = "unable to process callback" / > < /Route> < Route path = { cfg . routes . loginErrorUnauthorized } > < LoginFailed message = "You are not authorized, please contact your SSO administrator." / > < /Route> < Route component = { LoginFailed } / > < /Switch>); } export function LoginFailed ( { message } ) { const defaultMsg = "unable to login, please check Teleport's log for details" ; return ( < > < LogoHero /> < CardFailed loginUrl = { cfg . routes . login } message = { message || defaultMsg } /> < />); }