tawasuyu/taffy

1import React from "react";
2import {Link} from "gatsby";
3import {MDXProvider} from '@mdx-js/react'
4
5import Layout from "../components/layout"
6import SEO from "../components/seo"
7import './docs.css'
8
9export default ({children, location}) => (
10  <MDXProvider>
11    <Layout>
12        <SEO title="Stretch" keywords={[`rust`, `android`, `ios`, `web`, `flexbox`]} />
13        <section>
14          <div className="section-inner">
15            <h2>Documentation</h2>
16            <p>
17              Stretch is available for Rust, Kotlin, Swift, and JavaScript. We will be adding more language bindings over time.
18            </p>
19            <div className="doc-pills">
20              <Link to="/docs/rust" className={`doc-pill ${location.pathname.endsWith("rust") ? "active" : ""}`}>Rust</Link>
21              <Link to="/docs/kotlin" className={`doc-pill ${location.pathname.endsWith("kotlin") ? "active" : ""}`}>Kotlin</Link>
22              <Link to="/docs/swift" className={`doc-pill ${location.pathname.endsWith("swift") ? "active" : ""}`}>Swift</Link>
23              <Link to="/docs/javascript" className={`doc-pill ${location.pathname.endsWith("javascript") ? "active" : ""}`}>JavaScript</Link>
24            </div>
25          </div>
26        </section>
27        <section className="mdx-content">
28          <div className="section-inner">
29            {children}
30          </div>
31        </section>
32      </Layout>
33  </MDXProvider>
34);