import { getIsProduction } from '@websolutespa/bom-core';
import { useMetaData } from '@websolutespa/bom-mixer-hooks';
import { IMetaData } from '@websolutespa/bom-mixer-models';
import Head from 'next/head';
import { ReactNode } from 'react';
import { TwitterCard } from '../meta-data/twitter-card';
const USE_KEYWORDS = false;
export function Meta({
children,
...props
}: {
children?: ReactNode,
indexable?: boolean | ((metaData: IMetaData) => boolean);
}) {
const metaData = useMetaData();
const { brand, meta } = metaData;
const { title, description, keywords, robots, canonical, alternates, xDefault } = meta;
const isIndexable = (): boolean => {
if (
props.indexable === false ||
(
typeof props.indexable === 'function' &&
props.indexable(metaData) === false
)
) {
return false;
}
return getIsProduction();
};
return (
<>
{title}
{USE_KEYWORDS && keywords && (
)}
{isIndexable() ? (
) : (
)}
{canonical && (
)}
{alternates.map((alternate) => (
))}
{xDefault && (
)}
{children ? (
{children}
) : (
<>
)}
);
}