import type { ReactNode } from 'react';

type PlatformProfileSummaryHeaderProps = {
  kicker: ReactNode;
  title: ReactNode;
  badge?: ReactNode;
  className?: string;
  titleClassName?: string;
  badgeClassName?: string;
};

/**
 * 个人中心白底副弹层标题摘要骨架。
 * 只收口 kicker、标题和摘要 badge 的层次，不承接业务数值拼装。
 */
export function PlatformProfileSummaryHeader({
  kicker,
  title,
  badge,
  className,
  titleClassName,
  badgeClassName,
}: PlatformProfileSummaryHeaderProps) {
  return (
    <div className={['pr-10', className].filter(Boolean).join(' ')}>
      <div className="text-[10px] font-black tracking-[0.22em] text-[#ff4056]">
        {kicker}
      </div>
      <div className={['mt-1 text-2xl font-black', titleClassName].filter(Boolean).join(' ')}>
        {title}
      </div>
      {badge ? (
        <div className={['mt-3', badgeClassName].filter(Boolean).join(' ')}>
          {badge}
        </div>
      ) : null}
    </div>
  );
}