---
import BaseHead from "../components/BaseHead.astro";
import Footer from "../components/Footer.astro";
import "../styles/global.css";
import "@fontsource/poppins/100.css";
import "@fontsource/poppins/400.css";
import "@fontsource/poppins/500.css";
import "@fontsource/poppins/700.css";
import "@fontsource-variable/kameron";
import ShareSticky from "../components/ShareSticky.vue"; 
const {
  title,
  description,
  image,
  url
} = Astro.props;

---
<style is:global>
  img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none; 
  }
</style>

<html lang="en" class="scroll-smooth">
  <BaseHead
    title={title}
    description={description}
    image={image}
    url={url}
  />
  <script>
    document.addEventListener('contextmenu', event => {
      if (event.target.tagName === 'IMG') {
        event.preventDefault();
      }
    });
  </script>
  <body class="font-primary">
    {Astro.url.pathname.includes('/news/') && (
      <ShareSticky client:only url={Astro.url.href} />
    )}
    <slot />
    <Footer />
  </body>
</html>
