var component =
    {
        extends: BaseDataComponent,
        mixins: [AjaxMixin],
        template: '#template-name#',
        props: [
            'title',
            'description',
            'type',
            'icon',
        ],
        data: function () {
            return {
                title_: '',
                description_: '',
                type_: '',
                icon_: ''
            };
        },
        
        computed: {
            typeClass: function () {
                return  'lu-hint--' + this.type_;
            },
            typeIcon: function () {
                return 'lu-zmdi-' + this.icon_;
            },
        }
    }