"use client";

export function SettingsHeader() {
  return (
    <section className="flex flex-col gap-3 pb-1 lg:flex-row lg:items-end lg:justify-between">
      <div className="space-y-1.5">
        <div className="text-[11px] font-semibold tracking-[0.2em] text-stone-400 uppercase">Settings</div>
        <div className="space-y-1">
          <h1 className="text-2xl font-semibold tracking-[-0.03em] text-stone-950">设置</h1>
          <p className="max-w-2xl text-sm leading-6 text-stone-500">
            集中管理站点、账号、生成服务与外部接口。修改后请在当前模块内保存。
          </p>
        </div>
      </div>
    </section>
  );
}