/** @jsxImportSource @emotion/react */ import { css } from '@emotion/react'; import { useMagicBellContext } from '../../context/MagicBellContext.js'; import { useTheme } from '../../context/MagicBellThemeContext.js'; import Text from '../Text/index.js'; /** * Is renders an "All clear" message and an image to indicate the user has no * notifications. * * @example * */ export default function ClearInboxMessage() { const theme = useTheme(); const { images } = useMagicBellContext(); const { notification: notificationTheme } = theme; return (

No notifications
); }