@clubmed/trident-ui/ui/HamburgerIcon.js

Shared ClubMed React UI components

import { jsx as t } from "react/jsx-runtime";
import { c as e } from "../chunks/clsx.js";
const c = ({
  className: a,
  isActive: r = !1,
  ...o
}) => {
  const n = 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 }
  ), f = 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",
      ...o,
      className: e(
        "menu-icon cursor-pointer",
        "color-current relative isolate shrink-0 h-24 w-24 block",
        a
      ),
      "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 },
            n,
            f
          )
        }
      )
    }
  );
};
export {
  c as HamburgerIcon
};
//# sourceMappingURL=HamburgerIcon.js.map