"use client";

import { useTheme } from "./useTheme";
import TerminalLayout from "./TerminalLayout";
import WindowsDesktop from "./WindowsDesktop";
import IosHome from "./IosHome";

export default function ThemeRoot() {
  const { theme } = useTheme();

  if (theme === "terminal") {
    return <TerminalLayout />;
  }

  return (
    <>
      <div className="skeuo-desktop-root">
        <WindowsDesktop />
      </div>
      <div className="skeuo-ios-root">
        <IosHome />
      </div>
    </>
  );
}