'use strict';

var icons = require('@transferwise/icons');
var React = require('react');
var Input = require('./Input.js');
var InputGroup = require('./InputGroup.js');
var jsxRuntime = require('react/jsx-runtime');
var size = require('../common/propsValues/size.js');

const SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput({
  shape = 'pill',
  size: size$1 = size.Size.MEDIUM,
  disabled,
  className,
  ...restProps
}, ref) {
  return /*#__PURE__*/jsxRuntime.jsx(InputGroup.InputGroup, {
    addonStart: {
      content: /*#__PURE__*/jsxRuntime.jsx(icons.Search, {
        size: size$1 === size.Size.SMALL ? 16 : 24
      }),
      initialContentWidth: size$1 === size.Size.SMALL ? 16 : 24
    },
    disabled: disabled,
    className: className,
    children: /*#__PURE__*/jsxRuntime.jsx(Input.Input, {
      ref: ref,
      role: "searchbox",
      inputMode: "search",
      shape: shape,
      size: size$1,
      ...restProps
    })
  });
});

exports.SearchInput = SearchInput;
//# sourceMappingURL=SearchInput.js.map
