"use client";
import e from "react";
import { UI as s } from "../UI.js";
function b(c) {
  const { options: l, className: r, components: n, classNames: a, ...o } = c, i = [a[s.Dropdown], r].join(" "), m = l?.find(({ value: t }) => t === o.value);
  return e.createElement(
    "span",
    { "data-disabled": o.disabled, className: a[s.DropdownRoot] },
    e.createElement(n.Select, { className: i, ...o }, l?.map(({ value: t, label: d, disabled: p }) => e.createElement(n.Option, { key: t, value: t, disabled: p }, d))),
    e.createElement(
      "span",
      { className: a[s.CaptionLabel], "aria-hidden": !0 },
      m?.label,
      e.createElement(n.Chevron, { orientation: "down", size: 18, className: a[s.Chevron] })
    )
  );
}
export {
  b as Dropdown
};
