import Head from "next/head"; import { ReactNode } from "react"; export interface SeoHeadConfig { title?: string; description?: string; keywords?: string; url?: string; siteName?: string; img?: string; canonical?: string; pre?: string; next?: string; jsonLd?: string; } interface SeoHeadProps { seoConfig: SeoHeadConfig; children?: ReactNode; } export function SeoHead({ seoConfig, children }: SeoHeadProps) { return ( {children} {seoConfig.title ? {seoConfig.title} : null} {seoConfig.description ? ( ) : null} {seoConfig.keywords ? ( ) : null} {seoConfig.url ? ( ) : null} {seoConfig.siteName ? ( ) : null} {seoConfig.title ? ( ) : null} {seoConfig.description ? ( ) : null} {seoConfig.img ? ( ) : null} {seoConfig.title ? ( ) : null} {seoConfig.description ? ( ) : null} {seoConfig.img ? ( <> ) : null} {seoConfig.canonical ? ( ) : null} {seoConfig.pre ? : null} {seoConfig.next ? : null} {seoConfig.jsonLd ? (