import NextHead from "next/head"

const Head = ({ redirect }: { redirect?: { url: string, site: string } }) => {

    return (
        <NextHead>
            <link rel="icon" type="image/png" href="/assets/Avatar.png" sizes="32x32" />
            <link rel="icon" type="image/png" href="/assets/Avatar.png" sizes="96x96" />
            <link rel="icon" type="image/png" href="/assets/Avatar.png" sizes="16x16" />
            <link rel="apple-touch-icon" sizes="180x180" href="/assets/Avatar.png" />
            <title>heika.dog</title>
            <meta name="theme-color" content="#FABD02 " />
            {!redirect && (
                <>
                    <meta property="og:title" content="heika.dog" />
                </>
            )}
            {redirect && (
                <>
                    <meta property="og:title" content={` heika.dog on ${redirect.site}`} />
                </>
            )}

            <meta property="og:type" content="website" />
            <meta property="og:url" content="https://heika.dog" />
            <meta property="og:description" content="heikadog and heikadog accessories" />
            <meta property="og:image" content="/assets/favicon.png" />

            <meta name="description" content="your one-stop shop for all things sor." />
            <meta name="keywords" content="heikadog, heika, music, producer, furry" />

            <meta name="twitter:card" content="summary" />
            <meta name="twitter:image" content="https://heika.dog/assets/Avatar.png" />
            <meta name="twitter:creator" content="@hkadogs" />

            {redirect && (
                <>
                    <meta http-equiv="refresh" content={`2; url = ${redirect.url}`} />
                </>
            )}

        </NextHead>
    )
}



export default Head