// components/HeaderComponent.js

import { escapeHtml }
    from '../utils/escapeHtml.js';

export class HeaderComponent {

    static render(section, data) {

        return `
            <div class="project-header">

                <div>

                    <div class="project-title">
                        ${escapeHtml(data.title)}
                    </div>

                    <div class="project-code">
                        ${escapeHtml(data.code)}
                    </div>

                </div>

                <div class="
                    project-status
                    ${escapeHtml(data.status)}
                ">
                    ${escapeHtml(data.status)}
                </div>

            </div>
        `;
    }
}
