{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar __jsx = React.createElement;\nimport Input, { padding } from '~/components/Input';\nimport React from 'react';\nimport { backgroundColor, em, math, position, textLighterColor } from '~/utils/style';\nimport Icon from '~/components/Icon';\nimport styled from 'styled-components';\nvar iconSize = em(16);\nvar StyledInput = styled(Input).withConfig({\n  displayName: \"SearchInput__StyledInput\",\n  componentId: \"sc-7tml4v-0\"\n})([\"padding-right:\", \";width:100%;\"], math(\"\".concat(iconSize, \" + \").concat(padding, \" * 2\")));\nvar Control = styled.div.withConfig({\n  displayName: \"SearchInput__Control\",\n  componentId: \"sc-7tml4v-1\"\n})([\"background-color:\", \";position:relative;\"], backgroundColor);\nvar SearchIcon = styled(Icon).withConfig({\n  displayName: \"SearchInput__SearchIcon\",\n  componentId: \"sc-7tml4v-2\"\n})([\"font-size:\", \";display:block;\", \" pointer-events:none;color:\", \";\"], iconSize, position('absolute', padding, padding, null, null), textLighterColor);\n\nvar SearchInput = function SearchInput(_ref) {\n  var className = _ref.className,\n      props = _objectWithoutProperties(_ref, [\"className\"]);\n\n  return __jsx(Control, {\n    className: className\n  }, __jsx(StyledInput, props), __jsx(SearchIcon, {\n    type: \"search\"\n  }));\n};\n\nexport default SearchInput;","map":null,"metadata":{},"sourceType":"module"}