/**
 * ComingSoonTab - Placeholder for future features
 */
Vue.component('coming-soon-tab', {
    props: {
        title: { type: String, default: 'Coming soon' }
    },
    template: `
        <div class="coming-soon-tab fade-up">
            <div class="empty-tab-placeholder" style="padding: 4rem 2rem;">
                <i class="bi bi-hourglass-split" style="font-size: 3rem; color: var(--text-muted);"></i>
                <h6 style="color: var(--text-secondary); margin-top: 1.5rem; font-weight: 600;">{{ title }}</h6>
                <p style="color: var(--text-muted); font-size: 0.9rem; margin-top: 0.5rem;">This feature is planned for a future release.</p>
            </div>
        </div>
    `
});
