Handeling action parameter within a component in Emberjs

Why does my <button> work but the {{delete-toggle}} component gives me an undefined for the message variable?

{{delete-toggle action='deleteMessage' message=message}}

<button {{action 'deleteMessage' message}}>Some Action (param: {{message}</button>

import Ember from 'ember';

export default Ember.Component.extend({
        tagName: '',
        actions: {
                deleteConversation(conversation){
                        console.log(conversation);
                        return this.sendAction('deleteConversation', conversation);
                }
        }
});