Vue.component('tt-page-title', {
    props: ['title', 'path'],
    template: `
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li v-for="(item, index) in path" :key="item.text">
                          <i v-if="index > 0" class="fa fa-chevron-right mx-1"></i>
                          <a :href="item.href">{{ item.text }}</a>
                        </li>
                    </ol>
                </div>
                <h4 class="page-title">{{ title }}</h4>
            </div>
        </div>
    </div>
    `
});