---
interface Props {
  title: string;
  ogTitle?: string;
  ogDescription?: string;
  ogURL?: string;
}

const { title, ogTitle, ogDescription, ogURL } = Astro.props;
import "../styles/main.css";
---

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="description" content="Astro description" />
    <meta name="viewport" content="width=device-width" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="generator" content={Astro.generator} />
    <meta name="htmx-config" content='{"code": 204, "swap": false}' />

    <meta property="og:title" content={ogTitle ?? "blog.log101.dev"} />
    <meta property="og:url" content={ogURL ?? "https://blog.log101.dev"} />
    <meta
      property="og:description"
      content={ogDescription ?? "Yazılıma dair..."}
    />
    <meta property="og:image" content="https://blog.log101.dev/ikon.png" />
    <meta name="twitter:card" content="summary" />

    <title>{title}</title>
  </head>
  <body class="flex justify-center font-sans">
    <div
      class="md:max-w-[750px] w-full flex flex-col gap-8 md:gap-6 my-6 md:mx-0 mx-4 overflow-hidden">
      <slot />
    </div>
  </body>
  <script>
    import htmx from "htmx.org";

    window.htmx = htmx;
  </script>
</html>
