/**
 *  Copyright (c) 2016-present, The Regents of the University of California,
 *  through Lawrence Berkeley National Laboratory (subject to receipt
 *  of any required approvals from the U.S. Dept. of Energy).
 *  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.
 */

import React from "react";
import Highlighter from "../components/highlighter";
import Markdown from "react-markdown";
import Docs from "./index.js";

export default React.createClass({

    mixins: [Highlighter],

    render() {
        const tagStyle = {
            background: "#EEE",
            padding: 5,
            borderRadius: 2,
            margin: 2,
            fontSize: "smaller"
        };
        const doc = this.props.params.doc;
        const Component = Examples[example];
        const docs = Docs[`${doc}`];

        return (
            <div>
                <div className="row">
                    <div className="col-md-12">
                        <Markdown source={docs}/>
                    </div>
                </div>
            </div>
        );
    }
});