---
import "~/assets/styles/base.css";

import MetaTags from "~/components/astro/utils/MetaTags.astro";
import BasicScripts from "~/components/astro/utils/BasicScripts.astro";

const { title, description, image } = Astro.props;
---

<!DOCTYPE html>
<html lang="en">
  <head>
    <MetaTags title={title} description={description} image={image} />
  </head>

  <body
    class="antialiased text-gray-900 dark:text-slate-300 tracking-tight bg-white dark:bg-slate-900 font-ibm-plex-sans"
  >
    <slot />

    <BasicScripts />
  </body>
</html>
