25 lines
738 B
TypeScript
25 lines
738 B
TypeScript
|
import { EmptyStateIllustration } from "../EmptyStateIllustration";
|
||
|
|
|
||
|
|
interface EmptyStateProps {
|
||
|
|
title?: string;
|
||
|
|
description?: string;
|
||
|
|
illustration?: React.ReactNode;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const EmptyState = ({
|
||
|
|
title = "暂无数据",
|
||
|
|
description = "当前列表为空，请稍后再试",
|
||
|
|
illustration: Illustration = <EmptyStateIllustration></EmptyStateIllustration>
|
||
|
|
}: EmptyStateProps) => {
|
||
|
|
return (
|
||
|
|
<div className="flex flex-col items-center justify-center">
|
||
|
|
{Illustration}
|
||
|
|
<h3 className="mb-2 text-xl font-medium text-slate-800">
|
||
|
|
{title}
|
||
|
|
</h3>
|
||
|
|
<p className="text-slate-500">
|
||
|
|
{description}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|