import { jsxs as i, jsx as o } from "react/jsx-runtime";
import { c as n } from "./index.CfM2L_w0.js";
import { a as m } from "./index.CfQlFjZU.js";
import { n as p } from "./index.B0wX8xO7.js";
const h = "creator_item-row_daorh", _ = "creator_chipFilter_gQObT", u = "creator_label_i-dK2", b = "creator_icon_Te8cv", d = "creator_selected_ANAZE", t = { "item-row": h, chipFilter: _, label: u, icon: b, selected: d };
function N({
  label: s,
  prefixIcon: e,
  selected: r,
  ...a
}) {
  return {
    label: s,
    prefixIcon: e,
    buttonClassName: n(t.chipFilter, {
      [t.selected]: r
    }),
    labelClassName: t.label,
    iconClassName: t.icon,
    ...a
  };
}
const C = ({
  label: s,
  prefixIcon: e,
  buttonClassName: r,
  labelClassName: a,
  iconClassName: c,
  ...l
}) => /* @__PURE__ */ i("button", { ...l, className: r, type: "button", children: [
  /* @__PURE__ */ o(
    p,
    {
      value: e,
      then: /* @__PURE__ */ o("span", { className: c, children: e })
    }
  ),
  /* @__PURE__ */ o("span", { className: a, children: s })
] }), v = m(C, N);
export {
  C,
  v as a,
  N as u
};
