import { t as e } from "../chunks/clsx.js";
import { jsx as t } from "react/jsx-runtime";
//#region lib/ui/HamburgerIcon.tsx
var n = ({ className: n, isActive: r = !1, ...i }) => {
	let a = e("before:absolute before:left-0 before:top-0 before:block before:h-2 before:w-24 before:bg-current before:opacity-100 before:transition-transform before:duration-500 before:content-[\"\"] before:cursor-pointer", {
		"before:translate-y-[-6px]": !r,
		"before:translate-y-0 before:rotate-45": r
	}), o = e("after:absolute after:left-0 after:top-0 after:block after:h-2 after:w-24 after:bg-current after:opacity-100 after:transition-transform after:duration-500 after:content-[\"\"] after:cursor-pointer", {
		"after:translate-y-[6px]": !r,
		"after:translate-y-0 after:-rotate-45": r
	});
	return /* @__PURE__ */ t("span", {
		"data-name": "HamburgerIcon",
		...i,
		className: e("menu-icon cursor-pointer", "color-current relative isolate shrink-0 h-24 w-24 block", n),
		"data-testid": r ? "HamburgerIcon-active" : "HamburgerIcon",
		children: /* @__PURE__ */ t("span", { className: e("absolute left-1/2 top-1/2 block h-2 w-24 -translate-x-1/2 -translate-y-1/2 transition-[background] duration-500 cursor-pointer", {
			"bg-current": !r,
			"bg-transparent": r
		}, a, o) })
	});
};
//#endregion
export { n as HamburgerIcon };

//# sourceMappingURL=HamburgerIcon.js.map