@eightshift/ui-components 1.7.1 → 1.8.0

package/dist/components/select/v2/shared.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-B9r1QoSm.js";
+import { c as clsx } from "../../../utils-BSxcP7tv.js";
+const OptionItemBase = (props) => {
+  var _a;
+  return /* @__PURE__ */ jsx(
+    $eed445e0843c11d0$export$a11e76429ed99b4,
+    {
+      ...props,
+      textValue: (_a = props == null ? void 0 : props.value) == null ? void 0 : _a.label,
+      className: clsx(
+        "es-uic-flex es-uic-min-h-9 es-uic-select-none es-uic-items-center es-uic-gap-1 es-uic-rounded es-uic-p-2 es-uic-transition",
+        "focus:es-uic-outline-none",
+        "hover:es-uic-bg-gray-100 hover:es-uic-outline-none",
+        "selected:es-uic-bg-teal-600/15 selected:es-uic-text-teal-950",
+        "focus-visible:es-uic-bg-gray-100 focus-visible:es-uic-outline-none",
+        "active:es-uic-bg-teal-700/15"
+      )
+    }
+  );
+};
+export {
+  OptionItemBase
+};