@dnb/eufemia/extensions/forms/Field/MultiSelection/MultiSelectionSearch.js

DNB Eufemia Design System UI Library

var _Hr;
import { Input } from "../../../../components/index.js";
import { Hr } from "../../../../elements/index.js";
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
export function MultiSelectionSearch({
  show,
  placeholder,
  value,
  disabled,
  onSearchChange
}) {
  if (!show) {
    return null;
  }
  return _jsxs(_Fragment, {
    children: [_jsx(Input, {
      label: false,
      icon: "loupe",
      iconPosition: "left",
      placeholder: placeholder,
      value: value,
      onChange: e => onSearchChange(e.value),
      disabled: disabled,
      stretch: true,
      showClearButton: value.length > 0,
      onClear: () => onSearchChange(''),
      className: "dnb-forms-field-multi-selection__search"
    }), _Hr || (_Hr = _jsx(Hr, {
      space: 0,
      className: "dnb-forms-field-multi-selection__separator"
    }))]
  });
}
//# sourceMappingURL=MultiSelectionSearch.js.map