import { forwardRef as e } from "react";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
var r = e(({ title: e, titleId: r, ...i }, a) => /* @__PURE__ */ n("svg", {
	fill: "none",
	viewBox: "0 0 396 396",
	xmlns: "http://www.w3.org/2000/svg",
	ref: a,
	"aria-labelledby": r,
	...i,
	children: [
		e === void 0 ? /* @__PURE__ */ t("title", {
			id: r,
			children: "Squareup"
		}) : e ? /* @__PURE__ */ t("title", {
			id: r,
			children: e
		}) : null,
		/* @__PURE__ */ t("rect", {
			x: 36,
			y: 36,
			width: 324,
			height: 324,
			rx: 30,
			ry: 30,
			stroke: "currentColor",
			strokeWidth: 72
		}),
		/* @__PURE__ */ t("rect", {
			x: 65,
			y: 65,
			width: 266,
			height: 266,
			rx: 28,
			ry: 28,
			stroke: "currentColor",
			strokeWidth: 14
		}),
		/* @__PURE__ */ t("rect", {
			x: 144,
			y: 144,
			width: 108,
			height: 108,
			rx: 12,
			ry: 12,
			fill: "currentColor"
		})
	]
}));
//#endregion
export { r as default };
