import { j as i } from "./jsx-runtime-C_nHp4yK.js";
function p({ size: e = "default", showText: o = !0 }) {
  const a = {
      default: {
        containerHeight: "h-[41px]",
        gap: "gap-[8.28px]",
        textSize: "text-[21.97px]",
        lineHeight: "leading-[27.05px]",
        iconSize: "w-[27.05px] h-[27.05px]",
      },
      homeHeaderXsmall: {
        containerHeight: "h-[14.11px]",
        gap: "gap-[4.21px]",
        textSize: "text-[11.57px]",
        lineHeight: "leading-[14.24px]",
        iconSize: "w-[14.11px] h-[14.11px]",
      },
      homeHeaderSm: {
        containerHeight: "h-[21.06px]",
        gap: "gap-[3.19px]",
        textSize: "text-[11.69px]",
        lineHeight: "leading-[14.39px]",
        iconSize: "w-[14.39px] h-[14.39px]",
      },
      homeHeaderMd: {
        containerHeight: "h-[32.24px]",
        gap: "gap-[4.89px]",
        textSize: "text-[17.89px]",
        lineHeight: "leading-[22.02px]",
        iconSize: "w-[22.02px] h-[22.02px]",
      },
      homeHeaderLg: {
        containerHeight: "h-[28px]",
        gap: "gap-[6.55px]",
        textSize: "text-[21.97px]",
        lineHeight: "leading-[27.05px]",
        iconSize: "w-[27.05px] h-[27.05px]",
      },
      homeHeaderXl: {
        containerHeight: "h-[36px]",
        gap: "gap-[8.64px]",
        textSize: "text-[29.01px]",
        lineHeight: "leading-[35.7px]",
        iconSize: "w-[35.7px] h-[35.7px]",
      },
      header: {
        containerHeight: "h-[20.85px]",
        gap: "gap-[4.21px]",
        textSize: "text-[11.57px]",
        lineHeight: "leading-[14.24px]",
        iconSize: "w-[14.24px] h-[14.24px]",
      },
      headerMd: {
        containerHeight: "h-[17.91px]",
        gap: "gap-[6.51px]",
        textSize: "text-[17.89px]",
        lineHeight: "leading-[22.02px]",
        iconSize: "w-[22.02px] h-[22.02px]",
      },
      headerLg: {
        containerHeight: "h-[28px]",
        gap: "gap-[6.55px]",
        textSize: "text-[21.97px]",
        lineHeight: "leading-[27.05px]",
        iconSize: "w-[27.05px] h-[27.05px]",
      },
      headerXl: {
        containerHeight: "h-[34px]",
        gap: "gap-[8.19px]",
        textSize: "text-[27.47px]",
        lineHeight: "leading-[33.81px]",
        iconSize: "w-[33.81px] h-[33.81px]",
      },
      footer: {
        containerHeight: "h-[calc(40px*1.37)]",
        gap: "gap-[calc(8px*1.37)]",
        textSize: "text-[calc(21.97px*1.37)]",
        lineHeight: "leading-[calc(27.05px*1.37)]",
        iconSize: "w-[calc(27.05px*1.37)] h-[calc(27.05px*1.37)]",
      },
      footerLg: {
        containerHeight: "h-[calc(40px*2.05)]",
        gap: "gap-[calc(8px*2.05)]",
        textSize: "text-[calc(21.97px*2.05)]",
        lineHeight: "leading-[calc(27.05px*2.05)]",
        iconSize: "w-[calc(27.05px*2.05)] h-[calc(27.05px*2.05)]",
      },
    },
    t =
      e === "homeHeaderXsmall"
        ? a.homeHeaderXsmall
        : e === "homeHeaderSm"
          ? a.homeHeaderSm
          : e === "homeHeaderMd"
            ? a.homeHeaderMd
            : e === "homeHeaderLg"
              ? a.homeHeaderLg
              : e === "homeHeaderXl"
                ? a.homeHeaderXl
                : e === "header"
                  ? a.header
                  : e === "headerMd"
                    ? a.headerMd
                    : e === "headerLg"
                      ? a.headerLg
                      : e === "headerXl"
                        ? a.headerXl
                        : e === "footer"
                          ? a.footer
                          : e === "footerLg"
                            ? a.footerLg
                            : a.default;
  return i.jsxs("div", {
    className: `flex items-center ${t.containerHeight} ${o ? t.gap : ""} transition-all duration-200 ease-in-out hover:scale-[1.02] cursor-pointer`,
    role: "banner",
    "aria-label": "CommunityRule Logo",
    children: [
      o &&
        i.jsx("div", {
          className: `font-['Bricolage_Grotesque'] ${e === "homeHeaderXsmall" || e === "homeHeaderSm" || e === "homeHeaderMd" || e === "homeHeaderLg" || e === "homeHeaderXl" ? "text-[var(--color-content-inverse-primary)]" : "text-[var(--color-content-default-primary)]"} ${t.textSize} ${t.lineHeight} font-normal tracking-[0px] transition-colors duration-200`,
          "aria-label": "CommunityRule",
          children: "CommunityRule",
        }),
      i.jsx("img", {
        src: "assets/Logo.svg",
        alt: "CommunityRule Logo Icon",
        width: 27.05,
        height: 27.05,
        className: `flex-shrink-0 ${t.iconSize} transition-all duration-200 ${e === "homeHeaderXsmall" || e === "homeHeaderSm" || e === "homeHeaderMd" || e === "homeHeaderLg" || e === "homeHeaderXl" ? "filter brightness-0" : ""}`,
        "aria-hidden": "true",
      }),
    ],
  });
}
p.__docgenInfo = {
  description: "",
  methods: [],
  displayName: "Logo",
  props: {
    size: { defaultValue: { value: '"default"', computed: !1 }, required: !1 },
    showText: { defaultValue: { value: "true", computed: !1 }, required: !1 },
  },
};
export { p as L };