/** @jsxImportSource @emotion/react */ import { css } from '@emotion/react'; import { useTheme } from '../../../context/MagicBellThemeContext.js'; import InternetConnectionErrorMessage from './InternetConnectionErrorMessage.js'; import ServerErrorMessage from './ServerErrorMessage.js'; /** * If the browser is not online, it shows a connection error message. Otherwise, * it shows an API error message. * * @example * */ export default function FetchErrorMessage() { const theme = useTheme(); const { notification: notificationTheme } = theme; return (
{navigator.onLine ? : }
); }