import { jsx as l } from "react/jsx-runtime";
import u from "react";
import { cn as r } from "../../lib/utils.js";
import { BaseButton as i } from "../ui/button.js";
import { Touchable as p } from "./touchable.js";
function C({
  className: a,
  variant: o,
  size: m,
  onClick: e,
  stopPropagation: c = !1,
  ...s
}) {
  const f = u.useCallback(
    (n) => {
      e?.(n);
    },
    [e]
  ), t = r(
    o === "icon" ? "flex w-auto" : "flex w-full"
  );
  return /* @__PURE__ */ l(
    p,
    {
      onClick: f,
      stopPropagation: c,
      className: t,
      children: /* @__PURE__ */ l(
        i,
        {
          className: r(a, t),
          variant: o,
          size: m,
          ...s
        }
      )
    }
  );
}
export {
  C as Button
};
//# sourceMappingURL=button.js.map
