{"version":3,"file":"index-b75a8e8e.js","sources":["../../src/components/Button/index.tsx"],"sourcesContent":["import React, { HTMLProps, ReactNode } from 'react';\nimport clsx from 'clsx';\nimport { ErrorLogger } from 'utils/errorLogger';\n\ninterface Props extends HTMLProps<HTMLButtonElement> {\n  variant?: 'contained' | 'outlined' | 'text' | 'link';\n  color?: 'primary' | 'secondary' | 'text';\n  type?: 'submit' | 'button' | 'reset' | undefined;\n  underline?: boolean;\n  children: ReactNode;\n  testId?: string\n  ariaLabel?: string | null\n}\n\nfunction Button(props: Props) {\n  const { className, variant = 'contained', color = 'primary', type = 'button', underline, children, testId, ariaLabel, ...restProps } = props;\n\n  return (\n    <button\n      className={clsx(\n        variant === 'contained' && 'flex justify-center rounded-3xl px-8 py-3 text-[15px] font-medium leading-[15px]',\n        variant === 'outlined' && 'flex justify-center rounded-3xl px-8 py-3 text-[15px] font-medium leading-[15px] ',\n        // variant === 'text' && 'font-bold',\n        variant === 'link' && 'underline decoration-1 underline-offset-2',\n\n        color === 'primary' && 'bg-primary text-light hover:bg-action-primary-hover disabled:bg-action-disabled disabled:bg-opacity-50',\n        color === 'secondary' && 'border-2 border-primary bg-default text-primary',\n        color === 'text' && 'text-primary',\n        underline && 'underline-offset-2 hover:underline',\n        className\n      )}\n      type={type}\n      data-testid={testId ?? \"test-button\"}\n      aria-label={ariaLabel ?? undefined}\n      {...restProps}\n      onClickCapture={(e) => {\n        let label = '';\n        if (typeof children === 'string') {\n          label = children;\n        } else if (ariaLabel) {\n          label = `ariaLabel-${ariaLabel}`;\n        } else if (testId) {\n          label = `testId-${testId}`;\n        }\n\n        if (label) {\n          ErrorLogger.breadcrumb({ message: `name=${label}`, category: 'btn_click' });\n        }\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport { Button };\n"],"names":["Button","props","className","variant","color","type","underline","children","testId","ariaLabel","restProps","jsx","clsx","e","label","ErrorLogger"],"mappings":"6WAcA,SAASA,EAAOC,EAAc,CAC5B,KAAM,CAAE,UAAAC,EAAW,QAAAC,EAAU,YAAa,MAAAC,EAAQ,UAAW,KAAAC,EAAO,SAAU,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAQ,UAAAC,EAAW,GAAGC,CAAc,EAAAT,EAGrI,OAAAU,EAAC,SAAA,CACC,UAAWC,EACTT,IAAY,aAAe,mFAC3BA,IAAY,YAAc,oFAE1BA,IAAY,QAAU,4CAEtBC,IAAU,WAAa,yGACvBA,IAAU,aAAe,kDACzBA,IAAU,QAAU,eACpBE,GAAa,qCACbJ,CACF,EACA,KAAAG,EACA,cAAaG,GAAU,cACvB,aAAYC,GAAa,OACxB,GAAGC,EACJ,eAAiBG,GAAM,CACrB,IAAIC,EAAQ,GACR,OAAOP,GAAa,SACdO,EAAAP,EACCE,EACTK,EAAQ,aAAaL,IACZD,IACTM,EAAQ,UAAUN,KAGhBM,GACFC,EAAY,WAAW,CAAE,QAAS,QAAQD,IAAS,SAAU,YAAa,CAE9E,EAEC,SAAAP,CAAA,CAAA,CAGP"}