export function renderProjectCard(project) {

    return `

        <div class="project-card">

            <div class="project-header">

                <div>
                    <div class="project-title">
                        ${project.title}
                    </div>

                    <div class="project-code">
                        ${project.code}
                    </div>
                </div>

            </div>

            <div class="project-actions">

                <button
                    class="card-action"
                    data-action="open-project"
                    data-id="${project.id}">

                    Open

                </button>

                <button
                    class="card-action"
                    data-action="edit-project"
                    data-id="${project.id}">

                    Edit

                </button>

                <button
                    class="card-action"
                    data-action="archive-project"
                    data-id="${project.id}">

                    Archive

                </button>

            </div>

        </div>
    `;
}
