import { Component } from "solid-js"
import { useLanguage } from "@/context/language"

export const SettingsMcp: Component = () => {
  // TODO: Replace this placeholder with full MCP settings controls.
  const language = useLanguage()

  return (
    <div class="flex flex-col h-full overflow-y-auto">
      <div class="flex flex-col gap-6 p-6 max-w-[600px]">
        <h2 class="text-16-medium text-text-strong">{language.t("settings.mcp.title")}</h2>
        <p class="text-14-regular text-text-weak">{language.t("settings.mcp.description")}</p>
      </div>
    </div>
  )
}