"use strict";const a=require("./index.cjs36.js"),n=require("react"),i=require("./index.cjs69.js");require("./index.cjs70.js");const l="{lock}",f="{shift}",y="default",u="shift",o=t=>{const e=n.useRef(),c=s=>{const r=s===l||s===f;r&&e.current&&e.current.options.layoutName===u?e.current.setOptions({layoutName:y}):r&&e.current&&e.current.options.layoutName!==u&&e.current.setOptions({layoutName:u})};return n.useEffect(()=>{const{layout:s,onChange:r}=t;e.current=new i(`.${t.keyboardClass}`,{...s,onChange:r,onKeyPress:c}),e.current.setInput(t.value)},[]),n.useEffect(()=>{e.current&&e.current.setInput(t.value)},[t.value]),a.jsxRuntimeExports.jsx("div",{className:t.keyboardClass})};o.defaultProps={keyboardClass:"simple-keyboard"};module.exports=o;
//# sourceMappingURL=index.cjs7.js.map
