import React from 'react';
import { useInbox } from '../store.js';

/**
 * F4-F 정체성 고리 — 헤더에 "오늘 N번 잡아뒀다" identity-reinforcement copy.
 * count = 0 일 때는 priming 카피 ("오늘은 처음 한 줄?") 로 첫 캡처를 유도.
 */
export function IdentityCounter(): React.ReactElement {
  const todayCount = useInbox((s) => s.todayCount);
  if (todayCount === 0) {
    return <div style={{ fontSize: 12, color: '#999' }}>오늘은 처음 한 줄?</div>;
  }
  return (
    <div style={{ fontSize: 12, color: '#236b1a' }}>
      오늘 <b>{todayCount}</b>번 잡아뒀다
    </div>
  );
}
