import Link from "next/link";
import { MessageSquareOff } from "lucide-react";

/** 全站关闭消息时的前台说明：表达「不支持」而非暂时关闭。 */
export default function MessagesUnsupported() {
  return (
    <div className="max-w-md mx-auto text-center py-16 sm:py-24">
      <span
        className="mx-auto mb-3 flex h-11 w-11 items-center justify-center rounded-xl"
        style={{
          background: "color-mix(in srgb, var(--ink-3) 14%, transparent)",
          color: "var(--ink-3)",
        }}
        aria-hidden
      >
        <MessageSquareOff size={22} />
      </span>
      <h1 className="text-[17px] font-semibold" style={{ color: "var(--ink)" }}>
        本站不支持消息
      </h1>
      <p className="meta mt-1.5 text-[12.5px] leading-relaxed">
        站点未提供私聊与群聊功能。
      </p>
      <Link href="/" className="btn btn-line btn-sm mt-5 inline-flex">
        返回首页
      </Link>
    </div>
  );
}