{"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 const padding = em(10);\nexport const height = em(36);\nconst 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, props => sameBorder({\n  radius: !props.rounded || half(height)\n}), transitionProps('border-color'), borderFocusedColor, textLighterColor);\n\nconst Input = ({\n  rounded,\n  placeholder,\n  value,\n  onChange,\n  className\n}) => __jsx(StyledInput, {\n  rounded: rounded,\n  placeholder: placeholder,\n  value: value,\n  type: \"text\",\n  className: className,\n  onChange: e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value)\n});\n\nexport default Input;","map":null,"metadata":{},"sourceType":"module"}