import { j as o } from "../../node_modules/react/jsx-runtime.js";
import { forwardRef as l } from "react";
import { Button as n } from "./base.js";
import "./login-with-button.js";
import { Icon as t } from "../Icon/index.js";
const f = l(
  ({ variant: r, size: e, colorScheme: c, className: d, ...m }, s) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-[3px]", ref: s, children: [
    /* @__PURE__ */ o.jsx(
      n,
      {
        className: "rounded-l-lg rounded-r-none",
        variant: r,
        size: e,
        ...m
      }
    ),
    /* @__PURE__ */ o.jsx(
      n,
      {
        className: "rounded-r-lg rounded-l-none",
        variant: r,
        size: e,
        ...m,
        children: /* @__PURE__ */ o.jsx(t, { name: "chevron-down", size: "sm" })
      }
    )
  ] })
);
export {
  f as SplitButton
};
