import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled from 'styled-components';

var _templateObject, _templateObject2;
var SearchFieldDropdownMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: 4px;\n  padding-left: 4px;\n  background: ", ";\n  height: 47px;\n  cursor: pointer;\n\n  .dropdownList {\n    font-family: ", ";\n    font-size: ", ";\n  }\n\n  .rw-list-option {\n    color: ", ";\n    border: none;\n    padding: 10px 24px;\n  }\n\n  .rw-list {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n\n  .rw-list-option.rw-state-selected,\n  .rw-state-selected.rw-list-option-create {\n    background: ", ";\n    color: ", ";\n  }\n\n  .dropdownListContainer {\n    background: ", ";\n    border: 0px;\n    display: inline-flex;\n    align-items: center;\n    padding: 0px;\n  }\n\n  .rw-dropdown-list-input {\n    padding-right: 0px;\n    min-width: 100%;\n  }\n\n  .rw-widget-input {\n    color: ", ";\n    box-shadow: none;\n    padding-right: 10px;\n  }\n\n  .rw-state-focus .rw-widget-picker {\n    border: 0px;\n\n    &.rw-widget-input {\n      box-shadow: none;\n    }\n  }\n\n  .rw-popup-container {\n    left: -56px;\n  }\n  .rw-list-option:hover {\n    background: ", ";\n    border: none;\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialBorder;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourMaterialPrimaryBackground;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.fontWorkSansRegular;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.fontSize_14;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourTextSecondary;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourMaterialBorder;
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.colourTextPrimary;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.colourMaterialPrimaryBackground;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.colourTextSecondary;
}, function (_ref10) {
  var theme = _ref10.theme;
  return theme.colourMaterialPrimaryHover;
});
var SearchIconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 42px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  background: ", ";\n  border-radius: 4px;\n  justify-content: center;\n"])), function (_ref11) {
  var theme = _ref11.theme;
  return theme.colourMaterialPrimary;
});

export { SearchFieldDropdownMenuWrapper, SearchIconContainer };
//# sourceMappingURL=style.js.map
