{"version":3,"file":"index67.cjs","sources":["../src/atoms/steppers/marker/index.tsx"],"sourcesContent":["import { FunctionComponent, ReactNode } from \"react\";\nimport styles from \"./SteppersMarker.module.css\";\nimport {\n  LabelPairedCheckCaptionBoldIcon,\n  LabelPairedCheckMdBoldIcon,\n  LabelPairedCheckSmBoldIcon,\n  LabelPairedExclamationCaptionBoldIcon,\n  LabelPairedExclamationMdBoldIcon,\n  LabelPairedExclamationSmBoldIcon,\n  LabelPairedXmarkCaptionBoldIcon,\n  LabelPairedXmarkMdBoldIcon,\n  LabelPairedXmarkSmBoldIcon,\n  LabelPairedCircleXmarkCaptionFillIcon,\n  LabelPairedCircleXmarkMdFillIcon,\n  LabelPairedCircleXmarkLgFillIcon,\n  LabelPairedCircleExclamationCaptionFillIcon,\n  LabelPairedCircleExclamationMdFillIcon,\n  LabelPairedCircleExclamationLgFillIcon,\n} from \"@deriv/quill-icons\";\n\nexport type SteppersMarketType = {\n  className?: string;\n  text?: number | string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  type?: \"inactive\" | \"inprogress\" | \"complete\";\n  marker?: \"dot\" | \"number\" | \"icon\";\n  indicator?: \"default\" | \"fail\" | \"warning\";\n  icon?: ReactNode;\n};\n\nconst SteppersMarkerAtom: FunctionComponent<SteppersMarketType> = ({\n  className = \"\",\n  size = \"sm\",\n  type = \"inactive\",\n  marker = \"dot\",\n  text = \"1\",\n  indicator = \"default\",\n  icon,\n}) => {\n  const icons = {\n    complete: {\n      sm: <LabelPairedCheckCaptionBoldIcon />,\n      md: <LabelPairedCheckSmBoldIcon />,\n      lg: <LabelPairedCheckMdBoldIcon />,\n    },\n    fail: {\n      sm: <LabelPairedXmarkCaptionBoldIcon />,\n      md: <LabelPairedXmarkSmBoldIcon />,\n      lg: <LabelPairedXmarkMdBoldIcon />,\n    },\n    warning: {\n      sm: <LabelPairedExclamationCaptionBoldIcon />,\n      md: <LabelPairedExclamationSmBoldIcon />,\n      lg: <LabelPairedExclamationMdBoldIcon />,\n    },\n    icon: {\n      fail: {\n        sm: <LabelPairedCircleXmarkCaptionFillIcon />,\n        md: <LabelPairedCircleXmarkMdFillIcon />,\n        lg: <LabelPairedCircleXmarkLgFillIcon />,\n      },\n      warning: {\n        sm: <LabelPairedCircleExclamationCaptionFillIcon />,\n        md: <LabelPairedCircleExclamationMdFillIcon />,\n        lg: <LabelPairedCircleExclamationLgFillIcon />,\n      },\n    },\n  };\n\n  let content = null;\n\n  if (marker === \"number\") {\n    content = <b className={styles.number}>{text}</b>;\n  }\n  if (type === \"complete\") {\n    content = icons.complete[size];\n  }\n  if (indicator === \"fail\" || indicator === \"warning\") {\n    content = icons[indicator][size];\n  }\n\n  if (marker === \"icon\") {\n    content = icon;\n\n    if (indicator === \"fail\" || indicator === \"warning\") {\n      content = icons.icon[indicator][size];\n    }\n\n    return (\n      <div\n        className={[styles.icon, className].join(\" \")}\n        data-size={size}\n        data-type={type}\n        data-indicator={indicator}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={[styles.root, className].join(\" \")}\n      data-size={size}\n      data-type={type}\n      data-indicator={indicator}\n    >\n      {content && content}\n    </div>\n  );\n};\n\nexport default SteppersMarkerAtom;\n"],"names":["LabelPairedCheckCaptionBoldIcon","LabelPairedCheckSmBoldIcon","LabelPairedCheckMdBoldIcon","LabelPairedXmarkCaptionBoldIcon","LabelPairedXmarkSmBoldIcon","LabelPairedXmarkMdBoldIcon","LabelPairedExclamationCaptionBoldIcon","LabelPairedExclamationSmBoldIcon","LabelPairedExclamationMdBoldIcon","LabelPairedCircleXmarkCaptionFillIcon","LabelPairedCircleXmarkMdFillIcon","LabelPairedCircleXmarkLgFillIcon","LabelPairedCircleExclamationCaptionFillIcon","LabelPairedCircleExclamationMdFillIcon","LabelPairedCircleExclamationLgFillIcon","jsx","styles"],"mappings":";;;;AA8BA,MAAM,qBAA4D,CAAC;AAAA,EACjE,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,QAAQ;AAAA,IACZ,UAAU;AAAA,MACR,mCAAKA,WAAgC,iCAAA,EAAA;AAAA,MACrC,mCAAKC,WAA2B,4BAAA,EAAA;AAAA,MAChC,mCAAKC,WAAAA,4BAA2B,CAAA,CAAA;AAAA,IAClC;AAAA,IACA,MAAM;AAAA,MACJ,mCAAKC,WAAgC,iCAAA,EAAA;AAAA,MACrC,mCAAKC,WAA2B,4BAAA,EAAA;AAAA,MAChC,mCAAKC,WAAAA,4BAA2B,CAAA,CAAA;AAAA,IAClC;AAAA,IACA,SAAS;AAAA,MACP,mCAAKC,WAAsC,uCAAA,EAAA;AAAA,MAC3C,mCAAKC,WAAiC,kCAAA,EAAA;AAAA,MACtC,mCAAKC,WAAAA,kCAAiC,CAAA,CAAA;AAAA,IACxC;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,mCAAKC,WAAsC,uCAAA,EAAA;AAAA,QAC3C,mCAAKC,WAAiC,kCAAA,EAAA;AAAA,QACtC,mCAAKC,WAAAA,kCAAiC,CAAA,CAAA;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,QACP,mCAAKC,WAA4C,6CAAA,EAAA;AAAA,QACjD,mCAAKC,WAAuC,wCAAA,EAAA;AAAA,QAC5C,mCAAKC,WAAAA,wCAAuC,CAAA,CAAA;AAAA,MAAA;AAAA,IAC9C;AAAA,EAEJ;AAEA,MAAI,UAAU;AAEd,MAAI,WAAW,UAAU;AACvB,cAAWC,2BAAAA,IAAA,KAAA,EAAE,WAAWC,sBAAAA,QAAO,QAAS,UAAK,MAAA;AAAA,EAAA;AAE/C,MAAI,SAAS,YAAY;AACb,cAAA,MAAM,SAAS,IAAI;AAAA,EAAA;AAE3B,MAAA,cAAc,UAAU,cAAc,WAAW;AACzC,cAAA,MAAM,SAAS,EAAE,IAAI;AAAA,EAAA;AAGjC,MAAI,WAAW,QAAQ;AACX,cAAA;AAEN,QAAA,cAAc,UAAU,cAAc,WAAW;AACnD,gBAAU,MAAM,KAAK,SAAS,EAAE,IAAI;AAAA,IAAA;AAIpC,WAAAD,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAACC,sBAAAA,QAAO,MAAM,SAAS,EAAE,KAAK,GAAG;AAAA,QAC5C,aAAW;AAAA,QACX,aAAW;AAAA,QACX,kBAAgB;AAAA,QAEf,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKF,SAAAD,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,sBAAAA,QAAO,MAAM,SAAS,EAAE,KAAK,GAAG;AAAA,MAC5C,aAAW;AAAA,MACX,aAAW;AAAA,MACX,kBAAgB;AAAA,MAEf,UAAW,WAAA;AAAA,IAAA;AAAA,EACd;AAEJ;;"}