import { MessageSquareOff } from "lucide-react";

/** 全站关闭评论时的前台说明：表达「不支持」而非暂时关闭，避免审核误判。 */
export default function CommentsUnsupported() {
  return (
    <section className="panel p-6 sm:p-8 mt-6 text-center" aria-label="评论">
      <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>
      <p className="text-[15px] font-semibold" style={{ color: "var(--ink)" }}>
        本站不支持评论
      </p>
      <p className="meta mt-1.5 text-[12.5px] leading-relaxed">
        站点未提供评论功能，讨论请通过发帖进行。
      </p>
    </section>
  );
}