define(['lodash', 'react', './examples.rt',
    'text!./samples/hello.code', 'text!./samples/hello.rt',
    'text!./samples/todo.code', 'text!./samples/todo.rt',
    'text!./samples/rt-if.code', 'text!./samples/rt-if.rt',
    'text!./samples/rt-props.code', 'text!./samples/rt-props.rt',
    'text!./samples/rt-repeat.code', 'text!./samples/rt-repeat.rt',
    'text!./samples/weather.code', 'text!./samples/weather.rt',
    'text!./samples/rt-import.rt'
], function (_, React, examplesTemplate, helloCode, helloRT, todoCode, todoRT, rtIfCode, rtIfRT, rtPropsCode, rtPropsRT, rtRepeatCode, rtRepeatRT, weatherCode, weatherRT, rtImportRT) {
    'use strict'
    var samples = {
        hello: [helloCode, helloRT],
        todo: [todoCode, todoRT],
        props: [rtPropsCode, rtPropsRT],
        rtIf: [rtIfCode, rtIfRT],
        repeat: [rtRepeatCode, rtRepeatRT],
        weather: [weatherCode, weatherRT]
    }
    samples = _.mapValues(samples, function (v, k) { return {name: k, templateProps: _.template(v[0])({name: k}), templateHTML: v[1]} })

    return React.createClass({
        displayName: 'Examples',
        mixins: [React.addons.LinkedStateMixin],
        getInitialState: function () {
            var codeAmd = window.reactTemplates.convertTemplateToReact(rtImportRT, {modules: 'amd', name: 'template'})
            var codeCJS = window.reactTemplates.convertTemplateToReact(rtImportRT, {modules: 'commonjs', name: 'template'})
            var codeES6 = window.reactTemplates.convertTemplateToReact(rtImportRT, {modules: 'es6', name: 'template'})
            return {
                rtImport: {value: rtImportRT},
                amd: {value: codeAmd},
                cjs: {value: codeCJS},
                es6: {value: codeES6},
                samples: samples
            }
        },
        render: examplesTemplate
    })
})