selfrelease
0df8aa77d9
- 员工花名册管理（加密存储、导入导出） - 薪酬管理（发薪批次、薪酬模版、加班费计算、工资条） - 社保公积金（多城市配置、版本管理、基数调整） - 解聘管理（6步流程、证据链、工作交接） - AI 助手（合同审查、风险预测、RAG 知识库） - Dashboard 仪表盘 - 设置与通知
27 lines
823 B
TypeScript
27 lines
823 B
TypeScript
import { ReactNode } from 'react'
|
|
import { Inbox } from 'lucide-react'
|
|
import Button from './Button'
|
|
|
|
interface EmptyStateProps {
|
|
icon?: ReactNode
|
|
title: string
|
|
description?: string
|
|
actionLabel?: string
|
|
onAction?: () => void
|
|
}
|
|
|
|
export default function EmptyState({ icon, title, description, actionLabel, onAction }: EmptyStateProps) {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center py-12 text-center">
|
|
<div className="text-gray-300 mb-4">
|
|
{icon || <Inbox className="w-12 h-12" />}
|
|
</div>
|
|
<h3 className="text-base font-medium text-gray-900 mb-1">{title}</h3>
|
|
{description && <p className="text-sm text-gray-500 mb-4">{description}</p>}
|
|
{actionLabel && onAction && (
|
|
<Button onClick={onAction}>{actionLabel}</Button>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|