Function StatusBar

StatusBar(): null | Element

Renders the bottom status bar showing the current message from useStatusBar, or nothing when there's no message.

Returns null | Element

The status-bar element, or null when statusText is empty.

Example

// Renders "https://example.com" while a link is hovered; null otherwise.
<StatusBar />

Source

export default function StatusBar() {
  const { statusText } = useStatusBar();

  if (!statusText) return null;

  return <StatusBarContainer className={styles['status-bar']}>{statusText}</StatusBarContainer>;
}