error-page-centered

const ISSUES: &str = "https://github.com/Fandhe-AI/fandhe-frontend/issues";

use fandhe_frontend_core::{div, span, text, Node};
use fandhe_frontend_pre_styled_ui::empty_state::{self, EmptyStateProps};
use fandhe_frontend_pre_styled_ui::heading::{heading, HeadingLevel, HeadingProps, HeadingSize};
use fandhe_frontend_pre_styled_ui::link::{self, LinkProps, LinkVariant};
use fandhe_frontend_pre_styled_ui::text::{
    self as styled_text, TextProps, TextVariant, TextWeight,
};

/// `error-page-centered` の Demo 本体（エラーコードの小ラベル → 大見出し →
/// 説明文 → ホームへ戻るリンク + サポートへのリンクの 2 アクション）。
/// 呼び出しごとに同一の `Node` を返す純関数。
pub fn demo() -> Node {
    let actions = empty_state::actions(
        vec![("class", "blocks-error-page-centered-actions")],
        vec![
            link::root(
                "../../",
                &LinkProps::default(),
                vec![("data-blocks-error-page-centered-home", "")],
                vec![text("Back to home")],
            ),
            link::root(
                ISSUES,
                &LinkProps {
                    variant: LinkVariant::Underline,
                    ..LinkProps::default()
                },
                vec![("data-blocks-error-page-centered-support", "")],
                vec![
                    text("Contact support"),
                    span(vec![("aria-hidden", "true")], vec![text(" →")]),
                ],
            ),
        ],
    );

    let content = empty_state::content(
        vec![("class", "blocks-error-page-centered-content")],
        vec![
            styled_text::text(
                &TextProps {
                    weight: TextWeight::Semibold,
                    ..TextProps::default()
                },
                vec![("data-blocks-error-page-centered-code", "")],
                vec![text("404")],
            ),
            empty_state::title(
                vec![],
                vec![heading(
                    HeadingLevel::H3,
                    &HeadingProps {
                        size: HeadingSize::Xl3,
                        ..HeadingProps::default()
                    },
                    vec![("data-blocks-error-page-centered-title", "")],
                    vec![text("We couldn't find that page")],
                )],
            ),
            empty_state::description(
                vec![],
                vec![styled_text::text(
                    &TextProps {
                        variant: TextVariant::Muted,
                        ..TextProps::default()
                    },
                    vec![("data-blocks-error-page-centered-description", "")],
                    vec![text(
                        "The page you're looking for may have been moved or no longer exists.",
                    )],
                )],
            ),
            actions,
        ],
    );

    div(
        vec![("class", "blocks-error-page-centered-root")],
        vec![empty_state::root(
            &EmptyStateProps::default(),
            vec![("data-blocks-error-page-centered-message", "")],
            vec![content],
        )],
    )
}