@geezee/react-ui/esm/select/select-multiple-value.js

Modern and minimalist React UI library.

import _JSXStyle from "styled-jsx/style";
import React from 'react';
import useTheme from '../styles/use-theme';
import Grid from '../grid';

var SelectMultipleValue = function SelectMultipleValue(_ref) {
  var disabled = _ref.disabled,
      size = _ref.size,
      children = _ref.children;
  var theme = useTheme();
  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement("div", {
    className: _JSXStyle.dynamic([["198900646", [size, size, theme.expressiveness.R2, theme.palette.cNeutral2, disabled ? theme.palette.cNeutral4 : theme.palette.cNeutral6]]]) + " " + "item"
  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "198900646",
    dynamic: [size, size, theme.expressiveness.R2, theme.palette.cNeutral2, disabled ? theme.palette.cNeutral4 : theme.palette.cNeutral6]
  }, ".item.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:calc(".concat(size, " * 2);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:0 0.5rem;font-size:").concat(size, ";border-radius:").concat(theme.expressiveness.R2, ";background-color:").concat(theme.palette.cNeutral2, ";color:").concat(disabled ? theme.palette.cNeutral4 : theme.palette.cNeutral6, ";}.item.__jsx-style-dynamic-selector>div,.item.__jsx-style-dynamic-selector>div:hover{border-radius:0;background-color:transparent;padding:0;margin:0;color:inherit;}")));
};

export default SelectMultipleValue;