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


/* Small helper used by the new views.
   Optional `right` slot renders at the far right (e.g. for a header action button). */
window.ContentHeader = function ContentHeader({ title, heading, right }) {
    return (
        <div className="content-header">
            <div className="content-title">{title}</div>
            <h2 className="content-heading">{heading}</h2>
            {right && <div className="content-header-right">{right}</div>}
        </div>
    );
};