import { Tooltip, Typography } from '@mui/material'
import Circle from '@mui/icons-material/FiberManualRecord'
import { ConnectionTestResults as IConnectionTestResults } from './useConnectionTest'
interface ConnectionTestResultsProps {
connectionTestResults: IConnectionTestResults
}
export const ConnectionTestResults = ({
connectionTestResults: { hasHost, hasRelay },
}: ConnectionTestResultsProps) => {
if (hasHost && hasRelay) {
return (
({ color: theme.palette.success.main })}
>
{' '}
Full network connection
)
} else if (hasHost) {
return (
({ color: theme.palette.warning.main })}
>
{' '}
Partial network connection
)
} else {
return (
({ color: theme.palette.error.main })}
>
{' '}
No network connection
)
}
}