pub fn render<G: GenericNode>(&self, cx: Scope, stable_version: String) -> View<G> {
        match &self {
            // No message should be displayed if it's the correct version
            Self::Stable => View::empty(),
            Self::Outdated => {
                view! { cx,
                    div(class = "ring-4 ring-red-400 p-4 rounded-lg mt-1") {
                        div(class = "flex flex-col 2xs:flex-row dark:text-white") {
                            span(
                                class = "self-center mr-2",
                                style = "fill: #f87171;",
                                dangerously_set_inner_html = ERROR_ICON
                            )
                            p(dangerously_set_inner_html = &t!(
                                cx,
                                "docs-status.outdated",
                                {
                                    "stable" = &stable_version
                                }
                            ))
                        }
                    }
                }
            }
            Self::Beta => {
                view! { cx,
                    div(class = "ring-4 ring-yellow-300 p-4 rounded-lg mt-1") {
                        div(class = "flex flex-col 2xs:flex-row dark:text-white") {
                            span(
                                class = "self-center mr-2",
                                style = "fill: #fcd34d;",
                                dangerously_set_inner_html = WARNING_ICON
                            )
                            p(dangerously_set_inner_html = &t!(
                                cx,
                                "docs-status.beta",
                                {
                                    "stable" = &stable_version
                                }
                            ))
                        }
                    }
                }
            }
            Self::Next => {
                view! { cx,
                    div(class = "ring-4 ring-orange-400 p-4 rounded-lg mt-1") {
                        div(class = "flex flex-col 2xs:flex-row dark:text-white") {
                            span(
                                class = "self-center mr-2",
                                style = "fill: #fb923c;",
                                dangerously_set_inner_html = ERROR_ICON
                            )
                            p(dangerously_set_inner_html = &t!(
                                cx,
                                "docs-status.next",
                                {
                                    "stable" = &stable_version
                                }
                            ))
                        }
                    }
                }
            }
        }
    }
Renders the docs status to a Sycamore template for display.
website/src/templates/docs/generation.rs