---
import type { GetStaticPaths } from "astro";
import { slug } from "github-slugger";
import GalleryLayout from "@layouts/GalleryLayout.astro";

type Props = {
  badTag: string;
};

type Params = {
  badSlug: string;
};

export const getStaticPaths: GetStaticPaths = () => {
  return ["digestion", "fatal vore"].map((badTag) => ({
    params: { badSlug: slug(badTag) } satisfies Params,
    props: { badTag } satisfies Props,
  }));
};

const { badTag } = Astro.props;
---

<GalleryLayout pageTitle={`Works tagged "${badTag}"`}>
  <Fragment slot="head">
    <meta content="No." property="og:description" />
    <meta name="description" content={`There won't ever be works tagged "${badTag}" in this place.`} />
    <meta name="robots" content="noindex" />
  </Fragment>
  <h1 class="p-name m-2 text-3xl font-semibold text-stone-800 dark:text-stone-100">Works tagged "{badTag}"</h1>
  <hr class="mb-3 ml-[2px] mt-2 h-[4px] max-w-xs rounded-sm bg-stone-800 dark:bg-stone-100" aria-hidden />
  <p class="my-4">No.</p>
</GalleryLayout>
