/** @jsx React.DOM */
define([
    'underscore', 'react', 'jquery', 'wingspan-forms', 'Timer',
    'underscore-string'
], function (_, React, $, Forms, Timer) {
    'use strict';


    var FormField = Forms.FormField;
    var KendoText = Forms.KendoText;
    var MultilineText = Forms.MultilineText;
    var MultiSelect = Forms.MultiSelect;
    var KendoComboBox = Forms.KendoComboBox;
    var KendoNumber = Forms.KendoNumber;
    var KendoDate = Forms.KendoDate;
    var KendoDatetime = Forms.KendoDatetime;
    var CheckBox = Forms.CheckBox;
    var Radio = Forms.Radio;
    var RadioGroup = Forms.RadioGroup;
    var SwitchBox = Forms.SwitchBox;
    var Carousel = Forms.Carousel;
    var KendoGrid = Forms.KendoGrid;


    function entrypoint(rootElement) {

        var TimerStateAtTopExample = React.createClass({
            mixins: [Forms.TopStateMixin],

            getInitialState: function () {
                return {
                    timer1: 13,
                    timer2: 2,
                    timer3: 145,
                    timer4: 989,
                    timer5: 3452,
                    fooForm: {
                        timer: 0
                    }
                };
            },

            render: function () {
                return (
                    <div className="TimerStateAtTopExample">
                        <Timer value={this.state.timer1} onChange={_.partial(this.onChange, 'timer1')} />
                        <Timer value={this.state.timer2} onChange={_.partial(this.onChange, 'timer2')} />
                        <Timer value={this.state.timer3} onChange={_.partial(this.onChange, 'timer3')} />
                        <Timer value={this.state.timer4} onChange={_.partial(this.onChange, 'timer4')} />
                        <Timer value={this.state.timer5} onChange={_.partial(this.onChange, 'timer5')} />
                        <FooForm value={this.state.fooForm} onChange={_.partial(this.onChange, 'fooForm')} />
                        <hr />
                        <pre>{JSON.stringify(this.state, undefined, 2)}</pre>
                    </div>

                );
            }
        });


        var FooForm = React.createClass({
            getDefaultProps: function () {
                return {
                    value: undefined,
                    onChange: undefined
                };
            },

            render: function () {
                return (
                    <div className="FooForm">
                        <Timer value={this.props.value.timer} onChange={_.partial(this.props.onChange, 'timer')}/>
                    </div>
                );
            }
        });

        React.renderComponent(<TimerStateAtTopExample />, rootElement);
    }

    return {
        entrypoint: entrypoint
    };
});

@@ -178,550 +178,8 @@
 ;%0A%0A%0A
-    var FormField = Forms.FormField;%0A    var KendoText = Forms.KendoText;%0A    var MultilineText = Forms.MultilineText;%0A    var MultiSelect = Forms.MultiSelect;%0A    var KendoComboBox = Forms.KendoComboBox;%0A    var KendoNumber = Forms.KendoNumber;%0A    var KendoDate = Forms.KendoDate;%0A    var KendoDatetime = Forms.KendoDatetime;%0A    var CheckBox = Forms.CheckBox;%0A    var Radio = Forms.Radio;%0A    var RadioGroup = Forms.RadioGroup;%0A    var SwitchBox = Forms.SwitchBox;%0A    var Carousel = Forms.Carousel;%0A    var KendoGrid = Forms.KendoGrid;%0A%0A%0A
     

remove extra imports