/**
 * One-line "what is this page" tagline that sits right under the page title.
 *
 * Replaces ad-hoc <p className="page-sub"> spots that ended up as ghost-gray
 * unreadable status lines ("Macro cycle bottom · 2 signals"). The new contract:
 *
 *   * ALWAYS one short sentence — game-tutorial style. Tells the user the
 *     "what" in plain English, not the "how" (the how lives in InfoTip's).
 *   * Slightly bigger + higher contrast than page-sub. Meant to be read,
 *     not glanced past.
 *   * Optional `count` slot for the dim stat ("2 signals", "30 posts").
 *     Renders muted after a separator so the tagline itself stays clean.
 */
export default function PageHint({
  children,
  count,
}: {
  children: React.ReactNode
  count?: string
}) {
  return (
    <p className="page-hint">
      {children}
      {count && (
        <span className="page-hint-count">{count}</span>
      )}
    </p>
  )
}
