"use client"
import { useAppStore } from "@/store/app"
import { Switch } from "@heroui/react"

export default function Page() {
  const app = useAppStore()

  return (
    <div className="flex flex-col items-start gap-3 pt-2 pb-1">
      <p>版本号：{app.state.version}</p>
      <p>是否有更新：{app.state.hasUpdate ? "有" : "无"}</p>
      <p>是否使用镜像源：{app.state.useMirror ? "是" : "否"}</p>
      <Switch
        isSelected={app.state.autoStart}
        size="sm"
        onChange={(e) => app.setAutoStart(e.target.checked)}
      >
        开机自启动 {app.state.autoStart ? "开" : "关"}
      </Switch>
      <Switch
        isSelected={app.state.startHidden}
        size="sm"
        onChange={(e) => app.setStartHidden(e.target.checked)}
      >
        静默启动 {app.state.startHidden ? "开" : "关"}
      </Switch>
      {/* hiddenOnClose */}
      <Switch
        isSelected={app.state.hiddenOnClose}
        size="sm"
        onChange={(e) => app.setHiddenOnClose(e.target.checked)}
      >
        关闭时最小化到托盘 {app.state.hiddenOnClose ? "开" : "关"}
      </Switch>
    </div>
  )
}