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>
  );
}