src/components/ToolBox.js

/**
 * Created by parikhv on 3/14/16.
 */
import React from 'react';
import Box from './Box';
import * as ToolBoxActions from './ToolBoxComponents';
import { Grid, ListGroup } from 'react-bootstrap';

/**
* This function represents toolbox components available for dragging into form builder.
**/
const ToolBox = () => {
    return (
        <Grid name="ToolBox" fluid>
            <ListGroup>
                <Box name='Text Label' component={ToolBoxActions.TextLabel}/>
                <Box name='Text Input' component={ToolBoxActions.TextBox}/>
                <Box name='Button' component={ToolBoxActions.Btn}/>
                <Box name='Drop Down' component={ToolBoxActions.Dropdown}/>
                <Box name='Text Area' component={ToolBoxActions.TextArea}/>
                <Box name='Link' component={ToolBoxActions.Link}/>
                <Box name='Radio' component={ToolBoxActions.RadioButton}/>
                <Box name='ButtonGroup' component={ToolBoxActions.ButtonGroup}/>
                <Box name='Checkbox' component={ToolBoxActions.Checkbox}/>
                <Box name='Year' component={ToolBoxActions.yearComponent}/>
            </ListGroup>
        </Grid>
    );
};

export default ToolBox;