---
import { config } from "../config";

type Props = {
	readonly description: string;
	readonly title: string;
};

const canonicalURL = new URL(Astro.url.pathname, Astro.site);
const { description, title } = Astro.props;

const image = new URL(config.posts.defaultImage, Astro.site).toString();
---

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content={image} />
<meta property="og:url" content={canonicalURL} />

<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
<meta name="twitter:image" content={image} />