SurfSense/surfsense_web/components/announcements/AnnouncementsEmptyState.tsx
likiosliu 3d762ccf62 fix: remove unnecessary "use client" from pure presentational components
These components only render JSX with props and don't use hooks,
event handlers, or browser APIs.
2026-03-26 11:50:39 +08:00

15 lines
545 B
TypeScript

import { BellOff } from "lucide-react";
export function AnnouncementsEmptyState() {
return (
<div className="flex flex-col items-center justify-center py-16 text-center">
<div className="flex h-16 w-16 items-center justify-center rounded-full bg-muted mb-4">
<BellOff className="h-7 w-7 text-muted-foreground" />
</div>
<h3 className="text-lg font-semibold">No announcements</h3>
<p className="mt-1 text-sm text-muted-foreground max-w-sm">
You're all caught up! New announcements will appear here.
</p>
</div>
);
}