welcome-ui/dist/ButtonGroup.js

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

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