+
+ {variant === "search" ? (
+ {
+ setFilter(value);
+ // reopen if dropdown has been closed via ESC
+ setIsDropdownOpen(true);
+ }}
+ onFocus={() => setIsDropdownOpen(true)}
+ placeholder={placeholder ?? "Search"}
+ required={required}
+ type="text"
+ value={filter}
+ className="multi-select__input"
+ />
+ ) : (
+
+ )}
+ 0
+ ? items.filter((item) =>
+ item.label.toLowerCase().includes(filter.toLowerCase())
+ )
+ : items
+ }
+ selectedItems={selectedItems}
+ disabledItems={disabledItems}
+ header={dropdownHeader}
+ updateItems={updateItems}
+ footer={
+ dropdownFooter ? (
+ dropdownFooter
+ ) : (
+ <>
+
+
+ >
+ )
+ }
+ />
+
+
+ );
+};
diff --git a/src/components/MultiSelect/index.ts b/src/components/MultiSelect/index.ts
new file mode 100644
index 00000000..22ee6bcf
--- /dev/null
+++ b/src/components/MultiSelect/index.ts
@@ -0,0 +1 @@
+export * from "./MultiSelect";
diff --git a/src/index.ts b/src/index.ts
index ad41e8f0..161c5955 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -28,6 +28,7 @@ export { default as MainTable } from "./components/MainTable";
export { default as ModularTable } from "./components/ModularTable";
export { default as Navigation } from "./components/Navigation";
export { default as Modal } from "./components/Modal";
+export * from "./components/MultiSelect";
export {
default as Notification,
NotificationSeverity,