import { onMount } from 'solid-js';
import { getCurrentWindow } from '@tauri-apps/api/window';
import { WindowChrome } from './components/chrome';
import { FpsCounter } from './components/FpsCounter';
import { IpcDemo } from './components/IpcDemo';
import { AnimationDemo } from './components/AnimationDemo';
import { TypographyDemo } from './components/TypographyDemo';
import { GeometryDemo } from './components/GeometryDemo';
import { ThemeDemo } from './components/ThemeDemo';
import { ComponentDemo } from './components/ComponentDemo';

export function App() {
  onMount(() => {
    getCurrentWindow().show();
  });

  return (
    <WindowChrome dotGrid={true}>
      <div class="app-container text-text font-mono">
        <FpsCounter />
        <main class="p-6 pt-14 space-y-8">
          <ThemeDemo />
          <ComponentDemo />
          <IpcDemo />
          <AnimationDemo />
          <TypographyDemo />
          <GeometryDemo />
        </main>
      </div>
    </WindowChrome>
  );
}