import { jsxs as l, jsx as d } from "react/jsx-runtime";
import { R as p, T as c, P as _, C as A } from "../../index-f4a9ae4d.js";
import { c as F } from "../../clsx-0c6e471a.js";
import '../../assets/DropDown.css';const w = "_slideDownAndFade_1vzkq_1", m = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {
  "rp-dropdown-content": "_rp-dropdown-content_1vzkq_1",
  slideDownAndFade: w,
  slideLeftAndFade: m,
  slideUpAndFade: f,
  slideRightAndFade: g,
  "rp-dropdown-arrow": "_rp-dropdown-arrow_1vzkq_30"
}, z = (e) => {
  const { triggerComponent: n, children: o, container: s, className: r, open: t, onOpenChange: a, ...i } = e;
  return /* @__PURE__ */ l(p, { modal: !1, open: t, onOpenChange: a, children: [
    /* @__PURE__ */ d(c, { asChild: !0, children: n }),
    /* @__PURE__ */ d(_, { container: s, children: /* @__PURE__ */ d(
      A,
      {
        sideOffset: 8,
        align: "end",
        ...i,
        className: F(h["rp-dropdown-content"], r),
        children: o
      }
    ) })
  ] });
};
export {
  z as UIDropDown
};
