// PlacementView Component
// Placeholder view for upcoming placement tracking features

function PlacementView({ t }) {
    return (
        <div className="fade-in">
            <h2 className="page-title">{t('navigation.placement')}</h2>
            <div className="card empty-state" style={{ minHeight: '300px', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }}>
                <div className="empty-state-icon" style={{ fontSize: '64px', marginBottom: '16px' }}>🚀</div>
                <div className="empty-state-text" style={{ fontSize: '24px', fontWeight: '700', color: 'var(--text-primary)' }}>
                    {t('common.comingSoon') || "Coming Soon"}
                </div>
                <p style={{ color: 'var(--text-secondary)', marginTop: '8px' }}>
                    {t('placement.comingSoonMsg') || "We are working hard to bring you the best placement opportunities and tracking tools."}
                </p>
            </div>
        </div>
    );
}

// Export to global scope
window.PlacementView = PlacementView;
