"use client";
import { useStore, type LayoutMode } from "@/lib/store";
import { useT, type DictKey } from "@/lib/i18n";
const MODES: Array<{ id: LayoutMode; tipKey: DictKey; labelKey: DictKey; icon: React.ReactNode }> = [
{
id: "editor",
tipKey: "layout.tip.editor",
labelKey: "layout.label.editor",
icon: (
),
},
{
id: "split",
tipKey: "layout.tip.split",
labelKey: "layout.label.split",
icon: (
),
},
{
id: "preview",
tipKey: "layout.tip.preview",
labelKey: "layout.label.preview",
icon: (
),
},
];
export function LayoutModeToggle() {
const mode = useStore((s) => s.layoutMode);
const setMode = useStore((s) => s.setLayoutMode);
const t = useT();
return (
{MODES.map((m) => {
const active = mode === m.id;
return (
);
})}
);
}