{"version":3,"file":"NavItem.mjs","sources":["../../../../src/components/NavItem/NavItem.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport type { NavItemProps } from './NavItem.types'\n\nimport styles from './NavItem.module.scss'\n\n/**\n * @deprecated\n */\nconst NAV_ITEM_TEST_ID = 'bezier-nav-item'\n\n/**\n * @deprecated\n */\nconst NAV_ITEM_LEFT_ICON_TEST_ID = 'bezier-nav-item-left-icon'\n\n/**\n * `NavItem` is a component for an item where you can navigate to another link.\n * @example\n * ```tsx\n * <NavItem\n *   name=\"channel\"\n *   content=\"https://channel.io\"\n *   href=\"_parent\"\n * />\n * ```\n */\nexport const NavItem = forwardRef<HTMLAnchorElement, NavItemProps>(\n  function NavItem(\n    {\n      name,\n      style,\n      className,\n      content,\n      href,\n      target = '_self',\n      rightContent,\n      leftContent,\n      active,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const handleClickItem = (e?: React.MouseEvent) => {\n      onClick?.(e, name)\n    }\n\n    return (\n      <li\n        className={styles.Wrapper}\n        role=\"none\"\n      >\n        <a\n          ref={forwardedRef}\n          style={style}\n          className={classNames(\n            styles.Item,\n            active && styles.active,\n            className\n          )}\n          href={href}\n          target={target}\n          role=\"menuitem\"\n          onClick={handleClickItem}\n          data-testid={NAV_ITEM_TEST_ID}\n          {...rest}\n        >\n          <div className={styles.LeftIconWrapper}>\n            {leftContent && (\n              <Icon\n                data-testid={NAV_ITEM_LEFT_ICON_TEST_ID}\n                source={leftContent}\n                size=\"s\"\n                color={active ? 'text-accent-blue' : 'text-neutral-lighter'}\n              />\n            )}\n          </div>\n\n          <Text\n            typo=\"14\"\n            truncated\n          >\n            {content}\n          </Text>\n\n          {rightContent && (\n            <div className={styles.RightContentWrapper}>{rightContent}</div>\n          )}\n        </a>\n      </li>\n    )\n  }\n)\n"],"names":["NAV_ITEM_TEST_ID","NAV_ITEM_LEFT_ICON_TEST_ID","NavItem","forwardRef","name","style","className","content","href","target","rightContent","leftContent","active","onClick","rest","forwardedRef","handleClickItem","e","_jsx","styles","Wrapper","role","children","_jsxs","ref","classNames","Item","LeftIconWrapper","Icon","source","size","color","Text","typo","truncated","RightContentWrapper"],"mappings":";;;;;;;AAgBA,MAAMA,gBAAgB,GAAG,iBAAiB;;AAE1C;AACA;AACA;AACA,MAAMC,0BAA0B,GAAG,2BAA2B;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,OAAO,gBAAGC,UAAU,CAC/B,SAASD,OAAOA,CACd;EACEE,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,IAAI;AACJC,EAAAA,MAAM,GAAG,OAAO;EAChBC,YAAY;EACZC,WAAW;EACXC,MAAM;EACNC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,eAAe,GAAIC,CAAoB,IAAK;IAChDJ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAGI,CAAC,EAAEb,IAAI,CAAC;GACnB;AAED,EAAA,oBACEc,GAAA,CAAA,IAAA,EAAA;IACEZ,SAAS,EAAEa,MAAM,CAACC,OAAQ;AAC1BC,IAAAA,IAAI,EAAC,MAAM;AAAAC,IAAAA,QAAA,eAEXC,IAAA,CAAA,GAAA,EAAA;AACEC,MAAAA,GAAG,EAAET,YAAa;AAClBV,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAEmB,UAAU,CACnBN,MAAM,CAACO,IAAI,EACXd,MAAM,IAAIO,MAAM,CAACP,MAAM,EACvBN,SACF,CAAE;AACFE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,MAAM,EAAEA,MAAO;AACfY,MAAAA,IAAI,EAAC,UAAU;AACfR,MAAAA,OAAO,EAAEG,eAAgB;AACzB,MAAA,aAAA,EAAahB,gBAAiB;AAAA,MAAA,GAC1Bc,IAAI;AAAAQ,MAAAA,QAAA,gBAERJ,GAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAEa,MAAM,CAACQ,eAAgB;AAAAL,QAAAA,QAAA,EACpCX,WAAW,iBACVO,GAAA,CAACU,IAAI,EAAA;AACH,UAAA,aAAA,EAAa3B,0BAA2B;AACxC4B,UAAAA,MAAM,EAAElB,WAAY;AACpBmB,UAAAA,IAAI,EAAC,GAAG;AACRC,UAAAA,KAAK,EAAEnB,MAAM,GAAG,kBAAkB,GAAG;SACtC;AACF,OACE,CAAC,eAENM,GAAA,CAACc,IAAI,EAAA;AACHC,QAAAA,IAAI,EAAC,IAAI;QACTC,SAAS,EAAA,IAAA;AAAAZ,QAAAA,QAAA,EAERf;AAAO,OACJ,CAAC,EAENG,YAAY,iBACXQ,GAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAEa,MAAM,CAACgB,mBAAoB;AAAAb,QAAAA,QAAA,EAAEZ;AAAY,OAAM,CAChE;KACA;AAAC,GACF,CAAC;AAET,CACF;;;;"}