@geezee/react-ui/esm/auto-complete/auto-complete-searching.js

Modern and minimalist React UI library.

import _JSXStyle from "styled-jsx/style";
import React from 'react';
import withDefaults from '../utils/with-defaults';
import useTheme from '../styles/use-theme';
var defaultProps = {
  className: ''
};

var AutoCompleteSearch = function AutoCompleteSearch(_ref) {
  var children = _ref.children,
      className = _ref.className;
  var theme = useTheme();
  return /*#__PURE__*/React.createElement("div", {
    className: _JSXStyle.dynamic([["3553234758", [theme.layout.gapHalf, theme.layout.gapHalf, theme.layout.gap, theme.palette.cNeutral5, theme.expressiveness.R2]]]) + " " + (className || "")
  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "3553234758",
    dynamic: [theme.layout.gapHalf, theme.layout.gapHalf, theme.layout.gap, theme.palette.cNeutral5, theme.expressiveness.R2]
  }, "div.__jsx-style-dynamic-selector{margin-top:calc(-".concat(theme.layout.gapHalf, " * 0.875);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:normal;white-space:pre;font-size:0.875rem;padding:0 ").concat(theme.layout.gapHalf, ";line-height:calc(2.4 * ").concat(theme.layout.gap, ");color:").concat(theme.palette.cNeutral5, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;border-radius:").concat(theme.expressiveness.R2, ";}")));
};

export default withDefaults(AutoCompleteSearch, defaultProps);