website v2 skeleton

Summary:
Sets up a skeleton for the new yoga website using gatsby static site generator

allow-large-files

Reviewed By: emilsjolander

Differential Revision: D6952326

fbshipit-source-id: 7579bc80bec21552689da5b78f3d960910ff13bb

website/src/components/Toolbar.js

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @flow
+ * @format
+ */
+
+import React, {Component} from 'react';
+import Link from 'gatsby-link';
+import {Icon} from 'antd';
+import './Toolbar.css';
+
+type Props = {
+  onShowCode?: () => void,
+};
+
+export default class Toolbar extends Component<Props> {
+  render() {
+    return (
+      <div className="Toolbar">
+        <Link to="/" className="logo">
+          <img
+            src="https://facebook.github.io/yoga/static/logo.svg"
+            width="42"
+            alt="Yoga logo"
+          />
+          <h1>Yoga Layout</h1>
+        </Link>
+        <div className="ToolbarSpacer" />
+        <Link to="/docs">Docs</Link>
+        <Link to="/playground">Playground</Link>
+        <a href="https://github.com/facebook/yoga">GitHub</a>
+        {this.props.onShowCode && (
+          <a className="ToolbarToggle" onClick={this.props.onShowCode}>
+            <Icon type={'code-o'} />
+            Code
+          </a>
+        )}
+      </div>
+    );
+  }
+}