feat(components): <HeadLink> as atomic design atom example

<HeadLink> is used to generate <link> tags for the document head

package.json

@@ -57,6 +57,7 @@
     "next": "^9.0.7",
     "prettier": "^1.18.2",
     "pretty-quick": "^1.11.1",
+    "prop-types": "^15.7.2",
     "react": "^16.10.1",
     "react-dom": "^16.10.1",
     "react-test-renderer": "^16.10.1",

templates/default.json

@@ -1,5 +1,5 @@
 {
-  "dependencies": ["next", "react", "react-dom"],
+  "dependencies": ["next", "react", "react-dom", "prop-types"],
   "devDependencies": [
     "@babel/core",
     "@babel/preset-env",

templates/default/components/atoms/HeadLink/HeadLink.jsx

@@ -0,0 +1,28 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const HeadLink = ({rel, href, type, sizes}) => {
+  return(
+    <link
+      rel={rel}
+      type={type}
+      sizes={sizes}
+      href={href}
+    />
+  )
+}
+
+HeadLink.propTypes = {
+  rel: PropTypes.string.isRequired,
+  href: PropTypes.string,
+  type: PropTypes.string,
+  sizes: PropTypes.string
+};
+
+HeadLink.defaultProps = {
+  href: null,
+  type: undefined,
+  sizes: null
+}
+
+export default HeadLink

templates/default/components/atoms/HeadLink/HeadLink.test.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import TestRenderer from 'react-test-renderer'
+import HeadLink from '.'
+
+describe('HeadLink', () => {
+  it('creates a <link> element suitable for the document head', () => {
+    const result = TestRenderer.create(
+      <HeadLink
+        rel="mockRel"
+        type="mockType"
+        sizes="mockSizes"
+        href="http://example.com"
+      />
+    ).toJSON()
+
+    expect(result).toMatchSnapshot()
+  })
+})

templates/default/components/atoms/HeadLink/__snapshots__/HeadLink.test.jsx.snap

@@ -0,0 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`HeadLink creates a <link> element suitable for the document head 1`] = `
+<link
+  href="http://example.com"
+  rel="mockRel"
+  sizes="mockSizes"
+  type="mockType"
+/>
+`;

templates/default/components/atoms/HeadLink/index.js

@@ -0,0 +1 @@
+export { default } from './HeadLink'