{"version":3,"file":"HeaderLink.cjs","sources":["../../../src/components/Header/HeaderLink.tsx"],"sourcesContent":["import { type ComponentProps, memo, useMemo } from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { AnchorButton } from '../Button'\n\ntype Props = Omit<\n  ComponentProps<typeof AnchorButton>,\n  'variant' | 'size' | 'wide' | 'loading' | 'inactiveReason'\n> &\n  VariantProps<typeof classNameGenerator>\n\nconst classNameGenerator = tv({\n  base: [\n    'shr-inline-flex shr-items-center',\n    'shr-text-white',\n    '[&&]:shr-px-0.25 [&&]:shr-font-normal',\n    '[&&]:hover:shr-border-transparent [&&]:hover:shr-bg-transparent',\n    '[&&]:focus-visible:shr-border-transparent [&&]:focus-visible:shr-bg-transparent',\n    '[&_.smarthr-ui-Icon]:shr-block',\n  ],\n  variants: {\n    enableNew: {\n      true: ['[&&]:shr-px-0.5', 'shr-text-black'],\n      false: 'hover:shr-text-white',\n    },\n  },\n})\n\nexport const HeaderLink = memo<Props>(({ enableNew, className, ...rest }) => {\n  const actualClassName = useMemo(\n    () => classNameGenerator({ enableNew, className }),\n    [enableNew, className],\n  )\n\n  return <AnchorButton {...rest} variant=\"text\" target=\"_blank\" className={actualClassName} />\n})\n"],"names":["tv","memo","useMemo","_jsx","AnchorButton"],"mappings":";;;;;;;;;AAWA,MAAM,kBAAkB,GAAGA,QAAE,CAAC;AAC5B,IAAA,IAAI,EAAE;QACJ,kCAAkC;QAClC,gBAAgB;QAChB,uCAAuC;QACvC,iEAAiE;QACjE,iFAAiF;QACjF,gCAAgC;AACjC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;AAC3C,YAAA,KAAK,EAAE,sBAAsB;AAC9B,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,UAAU,GAAGC,UAAI,CAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,KAAI;IAC1E,MAAM,eAAe,GAAGC,aAAO,CAC7B,MAAM,kBAAkB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAClD,CAAC,SAAS,EAAE,SAAS,CAAC,CACvB;AAED,IAAA,OAAOC,eAACC,2CAAY,EAAA,EAAA,GAAK,IAAI,EAAE,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAE,eAAe,GAAI;AAC9F,CAAC;;;;"}