import Ember from 'ember';

var MenuItem = Ember.Component.extend({
    title: '',
    icon: '',
    className: '',
    action: null,
    divider: false,

    tagName: 'a',
    attributeBindings: ['href'],
    classNameBindings: ['className'],
    href: '#',
    layout: Ember.Handlebars.compile('{{#if icon}}{{fa-icon icon class="fa-fw"}} {{/if}}<span>{{title}}</span>'),

    click: function(e) {
        e.preventDefault();
        // this.sendAction('action');
        this.get('action')();
    }
});

MenuItem.reopenClass({
    separator: function() {
        return this.create({
            divider: true
        });
    }
})

export default MenuItem;