create banner

src/components/ui/EmptyState.tsx

@@ -0,0 +1,17 @@
+type EmptyStateProps = {
+  message?: string;
+  className?: string;
+};
+
+export function EmptyState({
+  message = "هنوز محتوایی ثبت نشده است.",
+  className = "",
+}: EmptyStateProps) {
+  return (
+    <div
+      className={`flex items-center justify-center rounded-2xl border border-dashed border-border bg-surface py-10 text-sm text-muted ${className}`}
+    >
+      {message}
+    </div>
+  );
+}