{"version":3,"file":"ArticleTags-Chunk-131bdf862a5515b85bcc.js","mappings":"+WAMO,IAAWA,EAAU,SAAVA,GAAU,OAAVA,EAAU,YAAVA,EAAU,gBAAVA,CAAU,MAyD5B,QApCA,SAAYC,GAQW,IARgD,GACrEC,EAAE,MACFC,EAAK,SACLC,EAAQ,UACRC,EAAS,KACTC,GAAO,EAAK,QACZC,EAAUP,EAAWQ,QAClBC,GACgBR,EACnB,MAAMS,EAAUR,GAAM,SAChBS,EAA0B,WAAZD,GAAoC,MAAZA,EACtCE,EACJL,IAAYP,EAAWa,OACnB,gIACA,gGAEN,OACEC,MAAAC,cAACL,EAAOM,EAAA,GACFP,EAAU,CACdQ,WAAWC,EAAAA,EAAAA,IACTT,GAAYQ,UACZX,EAAO,8CAAgD,GACvDD,EAAY,uBAAyB,yBACrC,yEACAM,EACI,GAAGC,iEACH,0BAEN,cAAaR,IAEZD,EACAG,GAAQQ,MAAAC,cAACI,EAAAA,EAAI,CAACC,KAAK,QAAQC,KAAK,SAGvC,C,6DCtDA,MAoBA,EApBoBpB,IAAA,IAAC,KAAEqB,GAAoBrB,EAAA,OACzCa,MAAAC,cAAA,WAASE,UAAU,iFAChBK,EAAKC,KAAKC,GACTV,MAAAC,cAAA,QAAMU,IAAKD,EAAIE,MACZF,EAAIG,IACHb,MAAAC,cAACa,EAAAA,EAAG,CACFzB,MAAOqB,EAAIE,KACXG,KAAML,EAAIG,IACVG,OAAQN,EAAIM,OACZ5B,GAAG,IACHG,WAAS,IAGXS,MAAAC,cAACa,EAAAA,EAAG,CAACzB,MAAOqB,EAAIE,KAAMxB,GAAG,OAAOG,WAAS,OAIvC,ECVZ,EAV4B0B,IAC1B,GAAKA,EAAMT,MAAMU,OAEjB,OACElB,MAAAC,cAAA,OAAKE,UAAU,YACbH,MAAAC,cAACkB,EAAsBF,GACnB,C","sources":["webpack://react-app/./components/Shared/src/components/atoms/Tag/Tag.tsx","webpack://react-app/./components/Shared/src/components/organisms/ArticleTags/ArticleTags.tsx","webpack://react-app/./components/organisms/ArticleTags/ArticleTagsWrapper.tsx"],"sourcesContent":["import Icon from '@atoms/Icon/Icon';\nimport { ComponentProps, ElementType } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nconst defaultElement = 'button';\n\nexport const enum TagVariant {\n  Grey = 'grey',\n  Yellow = 'yellow',\n}\n\ntype ExplicitProps = {\n  label: string;\n  isActive?: boolean;\n  largeText?: boolean;\n  icon?: boolean;\n  variant?: TagVariant;\n};\n\ntype PropsWithAs<TElementType extends ElementType = ElementType> =\n  ExplicitProps & {\n    as?: TElementType;\n  };\n\ntype ITag<TElementType extends ElementType> = PropsWithAs<TElementType> &\n  Omit<ComponentProps<TElementType>, keyof PropsWithAs>;\n\nfunction Tag<TElementType extends ElementType = typeof defaultElement>({\n  as,\n  label,\n  isActive,\n  largeText,\n  icon = false,\n  variant = TagVariant.Grey,\n  ...otherProps\n}: ITag<TElementType>) {\n  const Wrapper = as ?? 'button';\n  const isClickable = Wrapper === 'button' || Wrapper === 'a';\n  const hoverStyles =\n    variant === TagVariant.Yellow\n      ? \"hover:tw-bg-yellow-hover data-[active='true']:tw-border-yellow data-[active='true']:tw-bg-yellow hover:tw-border-yellow-hover\"\n      : \"hover:tw-bg-grey-30 data-[active='true']:tw-border-grey-40 data-[active='true']:tw-bg-grey-40\";\n\n  return (\n    <Wrapper\n      {...otherProps}\n      className={twMerge(\n        otherProps?.className,\n        icon ? 'tw-items-center tw-justify-between tw-gap-2' : '',\n        largeText ? 'tw-py-0.5 tw-text-sm' : 'tw-py-[3px] tw-text-xs',\n        'tw-flex tw-rounded tw-border tw-border-grey-60 tw-px-2 tw-text-grey-70',\n        isClickable\n          ? `${hoverStyles} hover:tw-text-grey-100 data-[active='true']:tw-text-grey-100`\n          : 'tw-pointer-events-none'\n      )}\n      data-active={isActive}\n    >\n      {label}\n      {icon && <Icon name=\"cross\" size=\"1rem\" />}\n    </Wrapper>\n  );\n}\n\nexport default Tag;\n","import Tag from '@atoms/Tag/Tag';\nimport { ILink } from '@models/ILink';\n\nexport interface IArticleTags {\n  tags: ILink[];\n}\n\nconst ArticleTags = ({ tags }: IArticleTags) => (\n  <section className=\"tw-flex tw-w-full tw-flex-wrap tw-gap-4 tw-border-t tw-border-grey-20 tw-pt-4\">\n    {tags.map((tag) => (\n      <span key={tag.text}>\n        {tag.url ? (\n          <Tag\n            label={tag.text}\n            href={tag.url}\n            target={tag.target}\n            as=\"a\"\n            largeText\n          />\n        ) : (\n          <Tag label={tag.text} as=\"span\" largeText />\n        )}\n      </span>\n    ))}\n  </section>\n);\n\nexport default ArticleTags;\n","import SharedArticleTags, {\n  IArticleTags,\n} from '@organisms/ArticleTags/ArticleTags';\n\nconst ArticleTagsWrapper = (props: IArticleTags) => {\n  if (!props.tags?.length) return;\n\n  return (\n    <div className=\"tw-mt-20\">\n      <SharedArticleTags {...props} />\n    </div>\n  );\n};\n\nexport default ArticleTagsWrapper;\n"],"names":["TagVariant","_ref","as","label","isActive","largeText","icon","variant","Grey","otherProps","Wrapper","isClickable","hoverStyles","Yellow","React","createElement","_extends","className","twMerge","Icon","name","size","tags","map","tag","key","text","url","Tag","href","target","props","length","SharedArticleTags"],"sourceRoot":""}