/**
 * SpeechPage
 * 
 * Speech recognition and transcription page - temporary global page.
 * TODO: Migrate to feature instance.
 */

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

export const SpeechPage: React.FC = () => {
    return (
        <div className={styles.page}>
            <header className={styles.header}>
                <h1>Speech</h1>
                <p className={styles.subtitle}>
                    <span className={styles.migrateTag}>MIGRATE TO FEATURE</span>
                    Spracherkennung und Transkription
                </p>
            </header>

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

export default SpeechPage;
