var React = require('react');

var ToyotaLinkFAQView = React.createClass({
    displayName: 'ToyotaLinkFAQView',
    propTypes: {
        title: React.PropTypes.string
    },
    getInitialState: function() {
        return {toggle: false};
    },
    toggleClick: function() {
        this.setState({
            toggle: !this.state.toggle
        });
    },
    render: function () {
        var toggle = this.state.toggle ? 'Toggle is-active' : 'Toggle ';
        return (
            <div>
                <h3 className={toggle} onClick={this.toggleClick}>{this.props.title}</h3>
                <div className="Toggle_content">
                    {this.props.children}
                </div>
            </div>
        );
    }
});

module.exports = ToyotaLinkFAQView;