konobangu/apps/webui/src/components/ui/detail-empty-view.tsx

19 lines
496 B
TypeScript

import { memo } from "react";
import { Card, CardContent } from "./card";
export interface DetailEmptyViewProps {
message: string;
}
export const DetailEmptyView = memo(({ message }: DetailEmptyViewProps) => {
return (
<div className="container mx-auto py-6 max-w-4xl">
<Card>
<CardContent className="flex items-center justify-center h-32">
<p className="text-muted-foreground">{message ?? "No data"}</p>
</CardContent>
</Card>
</div>
);
});