{"version":3,"file":"Input_Box.D4GS0FNK.mjs","names":[],"sources":["https:/framerusercontent.com/modules/7f1dEvWZuu41XPzRmFlb/MuArmkpYKUctR7spN5dB/Input_Box.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function InputBox(props){const{width,height,borderRadius,borderColor,fillColor,placeholder,paddingLeft,paddingRight,paddingTop,paddingBottom,fontSize}=props;// 상태 관리 (inputValue: 현재 입력된 값)\nconst[inputValue,setInputValue]=useState(\"\");return /*#__PURE__*/_jsx(\"input\",{type:\"text\",value:inputValue,onChange:e=>setInputValue(e.target.value),placeholder:placeholder,style:{width:`${width}px`,height:`${height}px`,paddingLeft:`${paddingLeft}px`,paddingRight:`${paddingRight}px`,paddingTop:`${paddingTop}px`,paddingBottom:`${paddingBottom}px`,fontSize:`${fontSize}px`,borderRadius:`${borderRadius}px`,border:`1px solid ${borderColor}`,backgroundColor:fillColor,outline:\"none\"}});}// Property Controls 추가\naddPropertyControls(InputBox,{width:{type:ControlType.Number,title:\"Width\",defaultValue:200,min:50,max:500},height:{type:ControlType.Number,title:\"Height\",defaultValue:40,min:20,max:100},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:5,min:0,max:50},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#ccc\"},fillColor:{type:ControlType.Color,title:\"Fill Color\",defaultValue:\"#fff\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Enter text...\"},paddingLeft:{type:ControlType.Number,title:\"Padding Left\",defaultValue:10,min:0,max:50},paddingRight:{type:ControlType.Number,title:\"Padding Right\",defaultValue:10,min:0,max:50},paddingTop:{type:ControlType.Number,title:\"Padding Top\",defaultValue:10,min:0,max:50},paddingBottom:{type:ControlType.Number,title:\"Padding Bottom\",defaultValue:10,min:0,max:50},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:16,min:8,max:32}});\nexport const __FramerMetadata__ = {\"exports\":{\"InputBox\":{\"type\":\"reactComponent\",\"name\":\"InputBox\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Input_Box.map"],"mappings":"kQAA2H,SAAgB,EAAS,EAAM,CAAC,GAAK,CAAC,QAAM,SAAO,eAAa,cAAY,YAAU,cAAY,cAAY,eAAa,aAAW,gBAAc,WAAS,CAAC,EACpR,CAAC,EAAW,EAAc,CAAC,EAAS,GAAG,CAAC,MAAoB,GAAK,QAAQ,CAAC,KAAK,OAAO,MAAM,EAAW,SAAS,GAAG,EAAc,EAAE,OAAO,MAAM,CAAa,cAAY,MAAM,CAAC,SAAS,EAAM,IAAI,UAAU,EAAO,IAAI,eAAe,EAAY,IAAI,gBAAgB,EAAa,IAAI,cAAc,EAAW,IAAI,iBAAiB,EAAc,IAAI,YAAY,EAAS,IAAI,gBAAgB,EAAa,IAAI,QAAQ,YAAY,IAAc,gBAAgB,EAAU,QAAQ,MAAO,CAAC,EAAC,AAAE,cACte,AAFA,GAA2C,IAA4B,IAAoD,CAE3H,EAAoB,EAAS,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,IAAI,IAAI,GAAG,IAAI,GAAI,EAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,GAAG,IAAI,GAAI,EAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,EAAG,EAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,MAAO,EAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,MAAO,EAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,eAAgB,EAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,GAAG,IAAI,EAAE,IAAI,EAAG,EAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,EAAE,IAAI,EAAG,EAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,GAAG,IAAI,EAAE,IAAI,EAAG,EAAC,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,iBAAiB,aAAa,GAAG,IAAI,EAAE,IAAI,EAAG,EAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,EAAG,CAAC,EAAC"}