import React, { Fragment } from "react";
import { Helmet } from "react-helmet";
import { HeadTypes } from "./types";
/**
*
* Head component is a simple wrapper for the [react-helmet](https://www.npmjs.com/package/react-helmet) `<Helmet />` component.
* It puts child items in the document head. Scripts, styles, SEO meta tags, link tag etc. can be given as children to this component.
* Can be used multiple times or nested.
*
* **NOTE**: while copying scripts for amp components, change any boolean attributes like `async` to `async={undefined}`. Otherwise amp validator will throw an error.
* So `<script async custom-element="amp-gfycat" src="https://cdn.ampproject.org/v0/amp-gfycat-0.1.js" />` will become `<script async={undefined} custom-element="amp-gfycat" src="https://cdn.ampproject.org/v0/amp-gfycat-0.1.js" />`
*
* @param {Object} params object containing parameters passed to the render prop
* @param {Object} params.children child components
*
* @category Atoms
* @component
*/
export const Head = ({ children }: HeadTypes) => (
<Fragment>
<Helmet>{children}</Helmet>
</Fragment>
);
Source