kdletters
d08842b576
新增PlatformUtilityInfoModal统一工具信息弹窗白底骨架 收口profile副弹层的摘要头列表骨架与内容行 同步更新PlatformUiKit收口计划与共享决策记录
40 lines
1012 B
TypeScript
40 lines
1012 B
TypeScript
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>
|
|
);
|
|
}
|