{"version":3,"file":"index34.mjs","sources":["../src/components/buttons/purchase/index.tsx"],"sourcesContent":["import { FunctionComponent, MouseEvent } from \"react\";\nimport styles from \"./PurchaseButton.module.css\";\nimport { LabelPairedLoaderMdRegularIcon } from \"@deriv/quill-icons\";\n\nexport type PurchaseButtonType = {\n  className?: string;\n  label?: string;\n  title?: string;\n  value?: string;\n  showContent?: boolean;\n\n  /** Variant props */\n  state?: \"default\" | \"loading\" | \"disabled\";\n  type?: \"buy\" | \"sell\";\n  \n  /** Event handlers */\n  onClick?: (event: MouseEvent<HTMLDivElement>) => void;\n};\n\nexport const PurchaseButton: FunctionComponent<PurchaseButtonType> = ({\n  className = \"\",\n  state = \"default\",\n  type = \"buy\",\n  label = \"Payout\",\n  title = \"Title\",\n  value = \"Value\",\n  showContent = true,\n  onClick,\n}) => {\n  return (\n    <div\n      className={[\n        styles.root,\n        className,\n        state === \"default\" ? \"quill-ui-next-pointer\" : \"\"\n      ].join(\" \")}\n      data-state={state}\n      data-type={type}\n      role=\"button\"\n      tabIndex={state === \"loading\" || state === \"disabled\" ? -1 : 0}\n      onClick={(e) => state !== \"loading\" && state !== \"disabled\" && onClick?.(e)}\n    >\n      {state === \"loading\" && (\n        <div className={[styles.iconLoading, \"quill-ui-next-spinner\"].join(\" \")}>\n          <div className={styles.icon}>\n            <LabelPairedLoaderMdRegularIcon fill=\"var(--component-button-label-color-buy-primary)\"/>\n          </div>\n        </div>\n      )}\n      {!!showContent && (\n        <div className={styles.containerContent}>\n          <div className={styles.title}>\n            <div className={styles.label}>{title}</div>\n          </div>\n          <div className={styles.description}>\n            <div className={styles.details}>{label}</div>\n            <div className={styles.value}>{value}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PurchaseButton;\n"],"names":[],"mappings":";;;AAmBO,MAAM,iBAAwD,CAAC;AAAA,EACpE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,cAAc;AAAA,EACd;AACF,MAAM;AAEF,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,OAAO;AAAA,QACP;AAAA,QACA,UAAU,YAAY,0BAA0B;AAAA,MAAA,EAChD,KAAK,GAAG;AAAA,MACV,cAAY;AAAA,MACZ,aAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU,UAAU,aAAa,UAAU,aAAa,KAAK;AAAA,MAC7D,SAAS,CAAC,MAAM,UAAU,aAAa,UAAU,eAAc,mCAAU;AAAA,MAExE,UAAA;AAAA,QAAU,UAAA,iCACR,OAAI,EAAA,WAAW,CAAC,OAAO,aAAa,uBAAuB,EAAE,KAAK,GAAG,GACpE,UAAC,oBAAA,OAAA,EAAI,WAAW,OAAO,MACrB,8BAAC,gCAA+B,EAAA,MAAK,mDAAiD,EAAA,CACxF,EACF,CAAA;AAAA,QAED,CAAC,CAAC,oCACA,OAAI,EAAA,WAAW,OAAO,kBACrB,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAW,OAAO,OACrB,UAAA,oBAAC,SAAI,WAAW,OAAO,OAAQ,UAAA,MAAM,CAAA,GACvC;AAAA,UACC,qBAAA,OAAA,EAAI,WAAW,OAAO,aACrB,UAAA;AAAA,YAAA,oBAAC,OAAI,EAAA,WAAW,OAAO,SAAU,UAAM,OAAA;AAAA,YACtC,oBAAA,OAAA,EAAI,WAAW,OAAO,OAAQ,UAAM,MAAA,CAAA;AAAA,UAAA,EACvC,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}