import Link from "next/link";
import { AdultModeSection } from "./AdultModeSection";
import { VoiceAutoplaySection } from "./VoiceAutoplaySection";

export default function SettingsPage() {
  return (
    <main className="mx-auto flex w-full max-w-md flex-1 flex-col gap-4 p-6">
      <div className="flex items-center justify-between">
        <h1 className="text-lg font-bold" style={{ color: "var(--accent)" }}>
          設定
        </h1>
        <Link href="/room/solo" className="text-xs" style={{ color: "var(--ink-soft)" }}>
          回到聊天
        </Link>
      </div>
      <AdultModeSection />
      <VoiceAutoplaySection />
    </main>
  );
}