"use client"
import SteamUsers from "@/components/cstb/SteamUsers"
// import { usePathname, useRouter } from "next/navigation"
// import { platform } from "@tauri-apps/plugin-os"

export default function PreferenceLayout({
  children,
}: { children: React.ReactNode }) {
  // const router = useRouter()
  // const pathname = usePathname()

  return (
    <div className="flex w-full gap-3">
      {/* <Card className="flex-grow max-w-ful">
        <CardHeader>
          <CardIcon
            type="menu"
            onClick={() => router.push("/preference/general")}
            className={cn(pathname === "/preference/general" && "bg-black/5")}
          >
            <SettingConfig /> 通用
          </CardIcon>
          <CardIcon
            type="menu"
            onClick={() => router.push("/preference/path")}
            className={cn(pathname === "/preference/path" && "bg-black/5")}
          >
            <AssemblyLine /> 路径
          </CardIcon>

          <CardTool>
            <ToolButton>
              <UploadOne />
              云同步
            </ToolButton>
            <ToolButton>
              <HardDisk />
              保存
            </ToolButton>
          </CardTool>
        </CardHeader>
        <CardBody>{children}</CardBody>
      </Card> */}
      {/* Steam用户区域 */}
      <SteamUsers />
    </div>
  )
}
