'use strict';

var icons = require('@transferwise/icons');
var React = require('react');
require('../common/theme.js');
require('../common/direction.js');
require('../common/propsValues/control.js');
require('../common/propsValues/breakpoint.js');
var size = require('../common/propsValues/size.js');
require('../common/propsValues/typography.js');
require('../common/propsValues/width.js');
require('../common/propsValues/type.js');
require('../common/propsValues/dateMode.js');
require('../common/propsValues/monthFormat.js');
require('../common/propsValues/position.js');
require('../common/propsValues/layouts.js');
require('../common/propsValues/status.js');
require('../common/propsValues/sentiment.js');
require('../common/propsValues/profileType.js');
require('../common/propsValues/variant.js');
require('../common/propsValues/scroll.js');
require('../common/propsValues/markdownNodeType.js');
require('../common/fileType.js');
require('clsx');
require('react-intl');
require('../common/closeButton/CloseButton.messages.js');
var jsxRuntime = require('react/jsx-runtime');
var Input = require('./Input.js');
var InputGroup = require('./InputGroup.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
