{"version":3,"sources":["../src/modal-body.tsx"],"sourcesContent":["import { cx } from \"@chakra-ui/shared-utils\"\nimport { HTMLChakraProps, chakra, forwardRef } from \"@chakra-ui/system\"\nimport { useEffect } from \"react\"\n\nimport { useModalContext, useModalStyles } from \"./modal\"\n\nexport interface ModalBodyProps extends HTMLChakraProps<\"div\"> {}\n\n/**\n * ModalBody\n *\n * React component that houses the main content of the modal.\n *\n * @see Docs https://chakra-ui.com/modal\n */\nexport const ModalBody = forwardRef<ModalBodyProps, \"div\">((props, ref) => {\n  const { className, ...rest } = props\n  const { bodyId, setBodyMounted } = useModalContext()\n\n  /**\n   * Notify us if this component was rendered or used,\n   * so we can append `aria-describedby` automatically\n   */\n  useEffect(() => {\n    setBodyMounted(true)\n    return () => setBodyMounted(false)\n  }, [setBodyMounted])\n\n  const _className = cx(\"chakra-modal__body\", className)\n  const styles = useModalStyles()\n\n  return (\n    <chakra.div\n      ref={ref}\n      className={_className}\n      id={bodyId}\n      {...rest}\n      __css={styles.body}\n    />\n  )\n})\n\nModalBody.displayName = \"ModalBody\"\n"],"mappings":";;;;;;;AAAA,SAAS,UAAU;AACnB,SAA0B,QAAQ,kBAAkB;AACpD,SAAS,iBAAiB;AA8BtB;AAjBG,IAAM,YAAY,WAAkC,CAAC,OAAO,QAAQ;AACzE,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,QAAM,EAAE,QAAQ,eAAe,IAAI,gBAAgB;AAMnD,YAAU,MAAM;AACd,mBAAe,IAAI;AACnB,WAAO,MAAM,eAAe,KAAK;AAAA,EACnC,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,aAAa,GAAG,sBAAsB,SAAS;AACrD,QAAM,SAAS,eAAe;AAE9B,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,IAAI;AAAA,MACH,GAAG;AAAA,MACJ,OAAO,OAAO;AAAA;AAAA,EAChB;AAEJ,CAAC;AAED,UAAU,cAAc;","names":[]}