<script lang="ts">
    export let title: string
    export let description: string = undefined
    export let image: string = undefined
    export let url: string = undefined
    export let type: string = 'website'
    export let card: string = 'summary_large_image'
    export let creator: string = undefined
</script>

<svelte:head>
    <title>{title}</title>
    <meta name="description" content={description}>

    <meta property="og:title" content={title} />
    <meta property="og:description" content={description} />
    <meta property="og:image" content={image} />
    <meta property="og:type" content={type} />
    {#if url}
    <meta property="og:url" content={url} />
    {/if}

    <meta property="twitter:card" content={card} />
    <meta property="twitter:creator" content={creator} />
</svelte:head>