const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
let _pisell_materials = require("@pisell/materials");
let classnames = require("classnames");
classnames = require_runtime.__toESM(classnames);
//#region src/pro/Login2.0/components/OAuthButtonGroup.tsx
const OAuthButtonGroup = ({ providers, layout = "vertical", size = "large", block = true, wrapperClassName, buttonClassName, gap = 12 }) => {
	if (!providers.length) return null;
	const isVertical = layout === "vertical";
	return /* @__PURE__ */ react.default.createElement("div", {
		className: (0, classnames.default)("oauth-button-group", wrapperClassName, {
			"oauth-button-group-vertical": isVertical,
			"oauth-button-group-horizontal": !isVertical
		}),
		style: isVertical ? {
			display: "grid",
			rowGap: gap
		} : {
			display: "flex",
			columnGap: gap,
			flexWrap: "wrap"
		}
	}, providers.map(({ key, label, icon, onClick, disabled, className, badge, badgeClassName }) => /* @__PURE__ */ react.default.createElement(_pisell_materials.Button, {
		key,
		size,
		block,
		disabled,
		className: (0, classnames.default)(buttonClassName, className),
		icon,
		onClick
	}, badge && /* @__PURE__ */ react.default.createElement("span", { className: (0, classnames.default)("oauth-button-badge", badgeClassName) }, badge), label)));
};
//#endregion
exports.default = OAuthButtonGroup;
