From 40e3e2cf39115cf0233f19dbd3480ec4f3638bfe Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Wed, 13 May 2026 21:42:07 +0900
Subject: [PATCH] feat(screener): ModeToggle segment control component

---
 .../stock/screener/components/ModeToggle.jsx  | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/pages/stock/screener/components/ModeToggle.jsx

diff --git a/src/pages/stock/screener/components/ModeToggle.jsx b/src/pages/stock/screener/components/ModeToggle.jsx
new file mode 100644
index 0000000..c786834
--- /dev/null
+++ b/src/pages/stock/screener/components/ModeToggle.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+
+export default function ModeToggle({ value, onChange }) {
+  return (
+    <div className="screener-mode-toggle" role="tablist" aria-label="화면 모드">
+      <button
+        type="button"
+        role="tab"
+        aria-selected={value === 'form'}
+        className={value === 'form' ? 'active' : ''}
+        onClick={() => onChange('form')}
+      >
+        폼
+      </button>
+      <button
+        type="button"
+        role="tab"
+        aria-selected={value === 'canvas'}
+        className={value === 'canvas' ? 'active' : ''}
+        onClick={() => onChange('canvas')}
+      >
+        캔버스
+      </button>
+    </div>
+  );
+}