                 </div>
                 <div className="grouped fields">
                     <label>Geocache Types</label>
-                    {typeCheckbox t.name, t.label for t in types}
+                    {@typeCheckbox t.name, t.label for t in @state.types}
                 </div>
                 <div className="field">
                     <label>Exclude finds by</label>

        </div>

module.exports = React.createClass
    displayName: 'PoiGenerator'


    render: ->

        typeCheckbox = (name, label) =>
            setType = @props.setType.bind this, name
            id = "type-#{name}"
            <GeocacheTypeCheckbox
                id={id}
                key={id}
                label={label}
                selected={@props["type-#{name}"]}
                toggle={setType}
            />

        types = [
            name: 'traditional', label: 'Traditional Geocache'
        ,
            name: 'multi', label: 'Multi Geocache'

                </div>
            </div>
        </div>

    typeCheckbox: (name, label) ->
        setType = @props.setType.bind this, name
        id = "type-#{name}"
        <GeocacheTypeCheckbox
            id={id}
            key={id}
            label={label}
            selected={@props["type-#{name}"]}
            toggle={setType}
        />
