import { Controls, Canvas, Meta, Source } from "@storybook/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>

<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} />