/**
 * PekPage
 * 
 * PEK (Projekt-Entwicklungs-Koordination) page - temporary global page.
 * TODO: Migrate to feature instance.
 */

import React from 'react';
import styles from './MigratePages.module.css';

export const PekPage: React.FC = () => {
    return (
        <div className={styles.page}>
            <header className={styles.header}>
                <h1>PEK</h1>
                <p className={styles.subtitle}>
                    <span className={styles.migrateTag}>MIGRATE TO FEATURE</span>
                    Projekt-Entwicklungs-Koordination
                </p>
            </header>

            <main className={styles.content}>
                <div className={styles.placeholder}>
                    <div className={styles.placeholderIcon}>📊</div>
                    <h2>PEK-Modul</h2>
                    <p>
                        Dieses Modul wird zu einer Feature-Instanz migriert.
                    </p>
                    <p className={styles.hint}>
                        Nach der Migration wird PEK als Feature pro Mandant verfügbar sein,
                        mit instanz-spezifischen Daten und Berechtigungen.
                    </p>
                </div>
            </main>
        </div>
    );
};

export default PekPage;
