selfrelease
0df8aa77d9
- 员工花名册管理（加密存储、导入导出） - 薪酬管理（发薪批次、薪酬模版、加班费计算、工资条） - 社保公积金（多城市配置、版本管理、基数调整） - 解聘管理（6步流程、证据链、工作交接） - AI 助手（合同审查、风险预测、RAG 知识库） - Dashboard 仪表盘 - 设置与通知
28 lines
673 B
TypeScript
28 lines
673 B
TypeScript
import clsx from 'clsx'
|
|
|
|
type Level = 'high' | 'medium' | 'low' | 'safe'
|
|
|
|
const colors: Record<Level, string> = {
|
|
high: 'bg-danger',
|
|
medium: 'bg-warning',
|
|
low: 'bg-yellow-400',
|
|
safe: 'bg-safe',
|
|
}
|
|
|
|
const labels: Record<Level, string> = {
|
|
high: '🔴',
|
|
medium: '🟡',
|
|
low: '🟡',
|
|
safe: '🟢',
|
|
}
|
|
|
|
export default function Signal({ level, label }: { level: Level; label?: string }) {
|
|
return (
|
|
<span className="inline-flex items-center gap-1.5 text-sm">
|
|
<span className={clsx('w-2 h-2 rounded-full', colors[level])} />
|
|
{label && <span className="text-gray-700">{label}</span>}
|
|
{!label && <span>{labels[level]}</span>}
|
|
</span>
|
|
)
|
|
}
|