Functionality and state for popout

src/components/Frame.tsx

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+
+export interface FrameProps {
+  children?: ReactNode;
+}
+
+export function Frame(props: FrameProps) {
+  return <div style={{ width: 300, height: 300 }}>{props.children}</div>;
+}

src/components/ToggleButton.tsx

@@ -0,0 +1,12 @@
+export interface ToggleButtonProps {
+  onClick?: () => void;
+  active?: boolean;
+}
+
+export function ToggleButton(props: ToggleButtonProps) {
+  return (
+    <button type="button" onClick={props.onClick}>
+      {props.active ? 'ON' : 'OFF'}
+    </button>
+  );
+}