{"version":3,"file":"index-CTzmjqYj.js","sources":["../../../app/javascript/entrypoints/components/Input/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { formControl } from '../styles';\n\nexport const Input: React.FC<React.InputHTMLAttributes<HTMLInputElement>> = ({\n  className,\n  placeholder,\n  ...props\n}) => {\n  const ref = useRef<HTMLInputElement>(null);\n\n  return (\n    <input\n      className={`${formControl.className} ${className}`}\n      placeholder={placeholder}\n      ref={ref}\n      style={formControl.style}\n      type=\"text\"\n      {...props}\n    />\n  );\n};\n"],"names":["Input","className","placeholder","props","ref","useRef","jsx","formControl"],"mappings":"yKAIO,MAAMA,EAA+D,CAAC,CAC3E,UAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAMC,SAAyB,IAAI,EAGvC,OAAAC,EAAA,IAAC,QAAA,CACC,UAAW,GAAGC,EAAY,SAAS,IAAIN,CAAS,GAChD,YAAAC,EACA,IAAAE,EACA,MAAOG,EAAY,MACnB,KAAK,OACJ,GAAGJ,CAAA,CAAA,CAGV"}