welcome-ui/dist/ButtonGroup.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import { jsx as e } from "react/jsx-runtime";
import { createContext as f, useMemo as i, useContext as l } from "react";
import { c as x } from "./index-PAaZGbyz.js";
import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
const d = "_root_kot0y_2", y = {
  root: d
}, B = x(y), s = f({});
function N() {
  return l(s);
}
const j = G(
  ({
    as: n = "div",
    children: u,
    className: c,
    disabled: o = !1,
    size: t = "md",
    variant: r = "primary",
    ...m
  }, a) => {
    const p = i(() => ({ disabled: o, size: t, variant: r }), [o, t, r]);
    return /* @__PURE__ */ e(s.Provider, { value: p, children: /* @__PURE__ */ e(n, { ...m, className: B("root", c), ref: a, children: u }) });
  }
);
export {
  j as ButtonGroup,
  s as ButtonGroupContext,
  N as useButtonGroup
};