/* ============================================================
   Priorities — Priority Status
   Extracted from components.jsx via split.py.
   Each component reaches React hooks via window.React.
   ============================================================ */
const { useState, useEffect, useRef, useMemo, useCallback, Fragment } = React;


/* ------------------------------------------------------------
   Priority status line — tells the user what they still need to do.
   ------------------------------------------------------------ */
window.PriorityStatus = function PriorityStatus({ priorities }) {
    const assigned = Object.keys(priorities).length;
    const allAssigned = assigned === 5;

    if (allAssigned) {
        return (
            <div className="priority-status complete">
                Priority assignments complete. Proceed to Metatype selection.
            </div>
        );
    }
    const remaining = 5 - assigned;
    return (
        <div className="priority-status incomplete">
            Assign each priority letter (A–E) to a category. {remaining} remaining.
        </div>
    );
};