feat(screener): ModeToggle segment control component

This commit is contained in:
2026-05-13 21:42:07 +09:00
parent 1505518ca6
commit 40e3e2cf39

View File

@@ -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>
);
}