{"version":3,"sources":["../src/alert-icon.tsx"],"sourcesContent":["import { cx } from \"@chakra-ui/shared-utils\"\nimport { chakra, HTMLChakraProps } from \"@chakra-ui/system\"\nimport { getStatusIcon, useAlertContext, useAlertStyles } from \"./alert-context\"\n\nexport interface AlertIconProps extends HTMLChakraProps<\"span\"> {}\n\nexport function AlertIcon(props: AlertIconProps) {\n  const { status } = useAlertContext()\n  const BaseIcon = getStatusIcon(status)\n  const styles = useAlertStyles()\n  const css = status === \"loading\" ? styles.spinner : styles.icon\n\n  return (\n    <chakra.span\n      display=\"inherit\"\n      data-status={status}\n      {...props}\n      className={cx(\"chakra-alert__icon\", props.className)}\n      __css={css}\n    >\n      {props.children || <BaseIcon h=\"100%\" w=\"100%\" />}\n    </chakra.span>\n  )\n}\n\nAlertIcon.displayName = \"AlertIcon\"\n"],"mappings":";;;;;;;;AAAA,SAAS,UAAU;AACnB,SAAS,cAA+B;AAmBf;AAdlB,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,OAAO,IAAI,gBAAgB;AACnC,QAAM,WAAW,cAAc,MAAM;AACrC,QAAM,SAAS,eAAe;AAC9B,QAAM,MAAM,WAAW,YAAY,OAAO,UAAU,OAAO;AAE3D,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAQ;AAAA,MACR,eAAa;AAAA,MACZ,GAAG;AAAA,MACJ,WAAW,GAAG,sBAAsB,MAAM,SAAS;AAAA,MACnD,OAAO;AAAA,MAEN,gBAAM,YAAY,oBAAC,YAAS,GAAE,QAAO,GAAE,QAAO;AAAA;AAAA,EACjD;AAEJ;AAEA,UAAU,cAAc;","names":[]}