Function FullStopState

FullStopState(
    __namedParameters: {
        children?: ReactNode;
        icon: ReactNode;
        message: ReactNode;
        onPrimary?: () => void;
        onSecondary?: () => void;
        primaryLabel?: string;
        secondaryLabel?: string;
        title: string;
        tone?: FullStopTone;
    },
): Element
The whole-screen full-stop surface — the escalated end of the error system, shown when a view can't function and it takes over the content area. Weightier than an inline alert on purpose: it fills the space it's dropped into, centers, carries a haloed emblem and a faint brand mark, and leads with one primary action plus a quiet support link.
Parameters
- __namedParameters: {
      children?: ReactNode;
      icon: ReactNode;
      message: ReactNode;
      onPrimary?: () => void;
      onSecondary?: () => void;
      primaryLabel?: string;
      secondaryLabel?: string;
      title: string;
      tone?: FullStopTone;
  }
  - Optionalchildren?: ReactNode
    Extra action(s) between the primary button and the secondary link (rare).
  - icon: ReactNode
    The emblem glyph, e.g. <AlertIcon className="size-8" />.
  - message: ReactNode
  - OptionalonPrimary?: () => void
  - OptionalonSecondary?: () => void
  - OptionalprimaryLabel?: string
    Primary CTA; omit to render no button (e.g. an unrecoverable stop).
  - OptionalsecondaryLabel?: string
    A quiet text link under the primary, e.g. "Contact support".
  - title: string
  - Optionaltone?: FullStopTone
Returns Element
Remarks
Presentational — every string is resolved by the caller through t(...) and passed in, so this stays i18n-free. It fills its parent's height (h-full) with a min-h floor, so place it in a height-bearing container (a flex-1/min-h-[…] region) to have it claim the viewport.
- Defined in ui/src/feedback/full-stop-state.tsx:44