---
import '@assets/css/global.css'
import Header from '@components/layout/header/Header.astro'
import Footer from '@components/layout/footer/Footer.tsx'
import SquareLines from '@components/base/SquareLines.astro'

const { title, description, canonicalLink } = Astro.props
const canonicalURL = canonicalLink ? new URL(canonicalLink, Astro.site) : new URL(Astro.url.pathname, Astro.site)
---

<!doctype html>
<html lang="ru" class="dark">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>{title}</title>
  <meta name="description" content={description} />
  <link rel="canonical" href={canonicalURL} />
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
</head>

<body class="antialiased bg-neutral-950">
<SquareLines />
<Header />
<slot />
<Footer client:visible />
</body>
</html>