{"ast":null,"code":"var __jsx = React.createElement;\nimport React from 'react';\nimport { borderFocusedColor, em, half, sameBorder, textLighterColor, transitionProps } from '~/utils/style';\nimport styled from 'styled-components';\nexport var padding = em(10);\nexport var height = em(36);\nvar StyledInput = styled.input.withConfig({\n  displayName: \"Input__StyledInput\",\n  componentId: \"sc-147kfld-0\"\n})([\"padding:\", \";height:\", \";line-height:\", \";display:inline-block;outline:none;\", \";\", \" &:hover,&:focus{border-color:\", \";}&::placeholder{color:\", \";}\"], padding, height, height, function (props) {\n  return sameBorder({\n    radius: !props.rounded || half(height)\n  });\n}, transitionProps('border-color'), borderFocusedColor, textLighterColor);\n\nvar Input = function Input(_ref) {\n  var rounded = _ref.rounded,\n      placeholder = _ref.placeholder,\n      value = _ref.value,\n      _onChange = _ref.onChange,\n      className = _ref.className;\n  return __jsx(StyledInput, {\n    rounded: rounded,\n    placeholder: placeholder,\n    value: value,\n    type: \"text\",\n    className: className,\n    onChange: function onChange(e) {\n      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target.value);\n    }\n  });\n};\n\nexport default Input;","map":null,"metadata":{},"sourceType":"module"}