{"version":3,"sources":["../src/step-icon.tsx"],"sourcesContent":["import { Icon, IconProps } from \"@chakra-ui/icon\"\nimport { cx } from \"@chakra-ui/shared-utils\"\nimport { CheckIcon } from \"./icons\"\nimport { useStepContext, useStepperStyles } from \"./step-context\"\n\nexport function StepIcon(props: IconProps) {\n  const { status } = useStepContext()\n  const styles = useStepperStyles()\n  const icon = status === \"complete\" ? CheckIcon : undefined\n  return (\n    <Icon\n      as={icon}\n      __css={styles.icon}\n      {...props}\n      className={cx(\"chakra-step__icon\", props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,YAAuB;AAChC,SAAS,UAAU;AASf;AALG,SAAS,SAAS,OAAkB;AACzC,QAAM,EAAE,OAAO,IAAI,eAAe;AAClC,QAAM,SAAS,iBAAiB;AAChC,QAAM,OAAO,WAAW,aAAa,YAAY;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,OAAO;AAAA,MACb,GAAG;AAAA,MACJ,WAAW,GAAG,qBAAqB,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;","names":[]}