/* global React */
function StudentWelcomeCard({ studentName, todayLabel, dday }) {
  // dday: 양수=남은 일수, 0=오늘 만료, 음수=만료 후 경과
  // D-7 이하 = orange-500 + pulse (긴급성 시스템 컬러)
  const isUrgent = dday <= 7;
  const ddayLabel =
    dday > 0 ? `D-${dday}` :
    dday === 0 ? 'D-Day' :
    `D+${Math.abs(dday)}`;
  const ddaySub =
    dday > 0 ? '수강권 만료까지' :
    dday === 0 ? '오늘 만료' :
    '만료 후 경과';

  return (
    <div className="s-welcome">
      <div className="s-welcome-msg">
        <h1 className="s-welcome-greet">{studentName}님, 오늘도 화이팅! 💪</h1>
        <div className="s-welcome-date">{todayLabel}</div>
      </div>
      <div className={`s-dday ${isUrgent ? 'urgent' : ''}`}>
        <div className="s-dday-label">수강권</div>
        <div className="s-dday-value">{ddayLabel}</div>
        <div className="s-dday-sub">{ddaySub}</div>
      </div>
    </div>
  );
}
window.StudentWelcomeCard = StudentWelcomeCard;