@confi/conflux-react-ui-test-package
Version:
Modern and minimalist React UI library.
21 lines (19 loc) • 1.52 kB
JavaScript
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([["1407546432", [theme.layout.gapHalf, theme.palette.background, theme.palette.accents_5, theme.layout.radius]]]) + " " + (className || "")
}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
id: "1407546432",
dynamic: [theme.layout.gapHalf, theme.palette.background, theme.palette.accents_5, theme.layout.radius]
}, "div.__jsx-style-dynamic-selector{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:".concat(theme.layout.gapHalf, ";line-height:1;background-color:").concat(theme.palette.background, ";color:").concat(theme.palette.accents_5, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;border-radius:").concat(theme.layout.radius, ";}")));
};
export default withDefaults(AutoCompleteSearch, defaultProps);