snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/base/empty-avatar.tsx

@@ -0,0 +1,40 @@
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+} from "@/styles/base-nova/ui/avatar"
+import { Button } from "@/styles/base-nova/ui/button"
+import {
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from "@/styles/base-nova/ui/empty"
+
+export default function EmptyAvatar() {
+  return (
+    <Empty>
+      <EmptyHeader>
+        <EmptyMedia variant="default">
+          <Avatar className="size-12">
+            <AvatarImage
+              src="https://github.com/shadcn.png"
+              className="grayscale"
+            />
+            <AvatarFallback>LR</AvatarFallback>
+          </Avatar>
+        </EmptyMedia>
+        <EmptyTitle>User Offline</EmptyTitle>
+        <EmptyDescription>
+          This user is currently offline. You can leave a message to notify them
+          or try again later.
+        </EmptyDescription>
+      </EmptyHeader>
+      <EmptyContent>
+        <Button size="sm">Leave Message</Button>
+      </EmptyContent>
+    </Empty>
+  )
+}