import { Controls, Canvas, Meta, Source } from "@storybook/addon-docs/blocks";
import '../../stories/styles/shared.css';
import * as NotFoundPageStories from "./NotFoundPage.stories";

<Meta of={NotFoundPageStories} />

<div className="header">
  <h1>NotFoundPage</h1>
  <p>Le composant `NotFoundPage` permet d'afficher une page 404.
Il est basé sur le composant `StatusPage` du design system.</p>
</div>

{/* func-version-start */}
<p className="func-version-badge">Dernière mise à jour fonctionnelle : V1.0.22 - 11/03/2026</p>
{/* func-version-end */}
{/* a11y-version-start */}
<p className="a11y-version-badge">Dernière mise à jour accessibilité : V1.1.3 - 22/07/2026</p>
{/* a11y-version-end */}


<Canvas of={NotFoundPageStories.Default} />

## Code d'erreur

Si un code d'erreur est passé en paramètre `support_id`, le composant l'affiche dans le template.

Exemple : `https://www.example.fr?support_id=1234567890123456789`

<Canvas of={NotFoundPageStories.WithErrorCode} />