enyo.kind({
    name: "MessageItem",
    kind: "Control",
    classes: "message-item",
    properties: {
        message: "",
        receivedTimestamp: 0,
        outbound: true
    },
    components: [
        {classes: "message-image-container", components: [
            {name: "messageBuddyImage", classes: "buddy-image"}
        ]},
        {components: [
            {name: "messageData", classes: "message-data"},
            {name: "messageTimestamp", classes: "message-timestamp"}
        ]}
    ],
    bindings: [
        {from: "message", to: "$.messageData.content"},
        {from: "receivedTimestamp", to: "$.messageTimestamp.content", transform: function(val) { return new Date(val).toLocaleTimeString() }}
    ],
    outboundChanged: function() {
        this.addRemoveClass('outbound', this.outbound);
    }
});