@amboss/design-system 3.43.0 → 3.43.1

package/build/esm/components/Content/ContentTableModal/ContentTableModal.d.ts

@@ -0,0 +1,16 @@
+import React, { type AriaAttributes } from "react";
+import type { ModalProps } from "src/components/Patterns/Modal/Modal";
+/** Either aria-label or aria-labelledby must be provided for accessibility */
+type LabelProps = {
+    "aria-label": AriaAttributes["aria-label"];
+    "aria-labelledby"?: AriaAttributes["aria-label"];
+} | {
+    "aria-label"?: AriaAttributes["aria-label"];
+    "aria-labelledby": AriaAttributes["aria-label"];
+};
+export type ContentTableModalProps = Pick<ModalProps, "role" | "onAction" | "portalContainer" | "initialFocus" | "closeButtonAriaLabel" | "data-e2e-test-id" | "children"> & LabelProps & {
+    tableControls?: React.ReactElement;
+    "aria-describedby"?: AriaAttributes["aria-describedby"];
+};
+export declare function ContentTableModal({ children, role, onAction, portalContainer, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, initialFocus, tableControls, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...restAriaAttributes }: ContentTableModalProps): React.ReactElement;
+export {};

package/build/esm/components/Content/ContentTableModal/ContentTableModal.js

@@ -0,0 +1,10 @@
+import React,{useMemo,useRef}from"react";import styled from"@emotion/styled";import{keyframes}from"@emotion/react";import{Container}from"../../Container/Container";import{Box}from"../../Box/Box";import{Inline}from"../../Inline/Inline";import{PictogramButton}from"../../PictogramButton/PictogramButton";import{useResponsiveValue}from"../../../shared/mediaQueries";import{useScrollDetection}from"../../../shared/useScrollDetection";import{Lightbox}from"../../Lightbox/Lightbox";let getDesktopSpace=theme=>theme.variables.size.spacing.l,getDesktopInnerSpace=theme=>theme.variables.size.spacing.xl,getMobileSpace=theme=>theme.variables.size.spacing.m,getMobileInnerSpace=theme=>theme.variables.size.spacing.m,StyledModalWrapper=styled("div",{target:"e1ddpmuw0",label:"StyledModalWrapper"})(({theme})=>{let fadeInModal=useMemo(()=>keyframes`
+      from {
+        opacity: ${theme.variables.opacity.hidden};
+        transform: translateY(20px);
+      }
+      to {
+          opacity: ${theme.variables.opacity.visible};
+        transform: translateY(0);
+      }
+    `,[theme.variables.opacity.hidden,theme.variables.opacity.visible]);return{animation:`${fadeInModal} ${theme.variables.animation.modal.open.duration} ${theme.variables.animation.modal.open.delay} ${theme.variables.animation.modal.open.timingFunction} both`,"&:focus":{outline:"none"},...useResponsiveValue({width:[`calc(100% - ${getMobileSpace(theme)} * 2)`,"auto"],maxWidth:[`calc(100% - ${getMobileSpace(theme)} * 2)`,`calc(100% - ${getDesktopSpace(theme)} * 2)`]})}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50VGFibGVNb2RhbC9Db250ZW50VGFibGVNb2RhbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRlbnQvQ29udGVudFRhYmxlTW9kYWwvQ29udGVudFRhYmxlTW9kYWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1uby11c2VsZXNzLWZyYWdtZW50ICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbywgdXNlUmVmLCB0eXBlIEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBNb2RhbFByb3BzIH0gZnJvbSBcInNyYy9jb21wb25lbnRzL1BhdHRlcm5zL01vZGFsL01vZGFsXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uLy4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVZhbHVlIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IHVzZVNjcm9sbERldGVjdGlvbiB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlU2Nyb2xsRGV0ZWN0aW9uXCI7XG5pbXBvcnQgeyBMaWdodGJveCB9IGZyb20gXCIuLi8uLi9MaWdodGJveC9MaWdodGJveFwiO1xuXG5jb25zdCBtb2JpbGVTaXplID0gXCJtXCI7XG5jb25zdCBkZXNrdG9wU2l6ZSA9IFwieGxcIjtcbmNvbnN0IGdldERlc2t0b3BTcGFjZSA9ICh0aGVtZTogVGhlbWUpID0+IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubDtcbmNvbnN0IGdldERlc2t0b3BJbm5lclNwYWNlID0gKHRoZW1lOiBUaGVtZSkgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ1tkZXNrdG9wU2l6ZV07XG5jb25zdCBnZXRNb2JpbGVTcGFjZSA9ICh0aGVtZTogVGhlbWUpID0+IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubTtcbmNvbnN0IGdldE1vYmlsZUlubmVyU3BhY2UgPSAodGhlbWU6IFRoZW1lKSA9PlxuICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW21vYmlsZVNpemVdO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+IHtcbiAgY29uc3QgZmFkZUluTW9kYWwgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBrZXlmcmFtZXNgXG4gICAgICBmcm9tIHtcbiAgICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMjBweCk7XG4gICAgICB9XG4gICAgICB0byB7XG4gICAgICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS52aXNpYmxlfTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgICAgfVxuICAgIGAsXG4gICAgW3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbiwgdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZV1cbiAgKTtcbiAgcmV0dXJuIHtcbiAgICBhbmltYXRpb246IGAke2ZhZGVJbk1vZGFsfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWwub3Blbi5kdXJhdGlvbn0gJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsLm9wZW4uZGVsYXl9ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICBcIiY6Zm9jdXNcIjogeyBvdXRsaW5lOiBcIm5vbmVcIiB9LFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICB3aWR0aDogW2BjYWxjKDEwMCUgLSAke2dldE1vYmlsZVNwYWNlKHRoZW1lKX0gKiAyKWAsIFwiYXV0b1wiXSxcbiAgICAgIG1heFdpZHRoOiBbXG4gICAgICAgIGBjYWxjKDEwMCUgLSAke2dldE1vYmlsZVNwYWNlKHRoZW1lKX0gKiAyKWAsXG4gICAgICAgIGBjYWxjKDEwMCUgLSAke2dldERlc2t0b3BTcGFjZSh0aGVtZSl9ICogMilgLFxuICAgICAgXSxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG5jb25zdCBTdHlsZWRJbm5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4ge1xuICBjb25zdCBtb2JpbGVWZXJ0aWNhbFNwYWNlID0gZ2V0TW9iaWxlU3BhY2UodGhlbWUpO1xuICBjb25zdCBtb2JpbGVJbm5lclZlcnRpY2FsU3BhY2UgPSBnZXRNb2JpbGVJbm5lclNwYWNlKHRoZW1lKTtcbiAgY29uc3QgZGVza3RvcFZlcnRpY2FsU3BhY2UgPSBnZXREZXNrdG9wU3BhY2UodGhlbWUpO1xuICBjb25zdCBkZXNrdG9wSW5uZXJWZXJ0aWNhbFNwYWNlID0gZ2V0RGVza3RvcElubmVyU3BhY2UodGhlbWUpO1xuXG4gIGNvbnN0IGdldERlc2t0b3BIZWlnaHQgPSAoKSA9PiBcImF1dG9cIjtcblxuICBjb25zdCBnZXREZXNrdG9wTWF4SGVpZ2h0ID0gKCkgPT5cbiAgICBgY2FsYygxMDBkdmggLSAke2Rlc2t0b3BWZXJ0aWNhbFNwYWNlfSAqIDIgLSAke2Rlc2t0b3BJbm5lclZlcnRpY2FsU3BhY2V9ICogMilgO1xuXG4gIGNvbnN0IGZ1bGxTY3JlZW5Nb2JpbGUgPSBgY2FsYygxMDBkdmggLSAke21vYmlsZVZlcnRpY2FsU3BhY2V9ICogMiAtICR7bW9iaWxlSW5uZXJWZXJ0aWNhbFNwYWNlfSAqIDIpYDtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBoZWlnaHQ6IFtmdWxsU2NyZWVuTW9iaWxlLCBnZXREZXNrdG9wSGVpZ2h0KCldLFxuICAgICAgbWF4SGVpZ2h0OiBbZnVsbFNjcmVlbk1vYmlsZSwgZ2V0RGVza3RvcE1heEhlaWdodCgpXSxcbiAgICB9KSxcblxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIH07XG59KTtcblxudHlwZSBTdHlsZWRCb2R5UHJvcHMgPSB7XG4gIGJvcmRlclRvcDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2PFN0eWxlZEJvZHlQcm9wcz4oKHsgdGhlbWUsIGJvcmRlclRvcCB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxuICBmbGV4OiAxLFxuXG4gIC4uLihib3JkZXJUb3AgJiYge1xuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnl9YCxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZE1heFdpZHRoID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLmZ1bGxTY3JlZW5Db250ZW50V2lkdGgsXG4gIG1hcmdpbjogXCIwIGF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbn0pKTtcblxuY29uc3QgSG9yaXpvbnRhbE9mZnNldCA9ICh7XG4gIGNoaWxkcmVuLFxuICBoZWlnaHQsXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlaWdodD86IHN0cmluZztcbn0pID0+IChcbiAgPEJveCBzcGFjZT17W21vYmlsZVNpemUsIGRlc2t0b3BTaXplXX0gdlNwYWNlPVwiemVyb1wiIGhlaWdodD17aGVpZ2h0fT5cbiAgICA8U3R5bGVkTWF4V2lkdGg+e2NoaWxkcmVufTwvU3R5bGVkTWF4V2lkdGg+XG4gIDwvQm94PlxuKTtcblxuLyoqIEVpdGhlciBhcmlhLWxhYmVsIG9yIGFyaWEtbGFiZWxsZWRieSBtdXN0IGJlIHByb3ZpZGVkIGZvciBhY2Nlc3NpYmlsaXR5ICovXG50eXBlIExhYmVsUHJvcHMgPVxuICB8IHtcbiAgICAgIFwiYXJpYS1sYWJlbFwiOiBBcmlhQXR0cmlidXRlc1tcImFyaWEtbGFiZWxcIl07XG4gICAgICBcImFyaWEtbGFiZWxsZWRieVwiPzogQXJpYUF0dHJpYnV0ZXNbXCJhcmlhLWxhYmVsXCJdO1xuICAgIH1cbiAgfCB7XG4gICAgICBcImFyaWEtbGFiZWxcIj86IEFyaWFBdHRyaWJ1dGVzW1wiYXJpYS1sYWJlbFwiXTtcbiAgICAgIFwiYXJpYS1sYWJlbGxlZGJ5XCI6IEFyaWFBdHRyaWJ1dGVzW1wiYXJpYS1sYWJlbFwiXTtcbiAgICB9O1xuXG5leHBvcnQgdHlwZSBDb250ZW50VGFibGVNb2RhbFByb3BzID0gUGljazxcbiAgTW9kYWxQcm9wcyxcbiAgfCBcInJvbGVcIlxuICB8IFwib25BY3Rpb25cIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcImluaXRpYWxGb2N1c1wiXG4gIHwgXCJjbG9zZUJ1dHRvbkFyaWFMYWJlbFwiXG4gIHwgXCJkYXRhLWUyZS10ZXN0LWlkXCJcbiAgfCBcImNoaWxkcmVuXCJcbj4gJlxuICBMYWJlbFByb3BzICYge1xuICAgIHRhYmxlQ29udHJvbHM/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI/OiBBcmlhQXR0cmlidXRlc1tcImFyaWEtZGVzY3JpYmVkYnlcIl07XG4gIH07XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50VGFibGVNb2RhbCh7XG4gIGNoaWxkcmVuLFxuICByb2xlID0gXCJkaWFsb2dcIixcbiAgb25BY3Rpb24sXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWwgPSBcIkRpc21pc3MgRGlhbG9nXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpbml0aWFsRm9jdXMsXG4gIHRhYmxlQ29udHJvbHMgPSA8ZGl2IC8+LFxuICBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICAuLi5yZXN0QXJpYUF0dHJpYnV0ZXNcbn06IENvbnRlbnRUYWJsZU1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBiYWNrZHJvcFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgeyBzY3JvbGxhYmxlUmVmLCBpc1Njcm9sbFRvcCwgaGFzU2Nyb2xsIH0gPSB1c2VTY3JvbGxEZXRlY3Rpb24oKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcblxuICBjb25zdCBjbG9zZUJ1dHRvbiA9IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgaWNvbj1cInhcIlxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICBhcmlhLWxhYmVsPXtjbG9zZUJ1dHRvbkFyaWFMYWJlbH1cbiAgICAgIGRhdGEtbW9kYWwtY2xvc2UtYnRuXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxMaWdodGJveFxuICAgICAgYmFja2Ryb3BSZWY9e2JhY2tkcm9wUmVmfVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICBpc0Rpc21pc3NpYmxlXG4gICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICA+XG4gICAgICA8U3R5bGVkTW9kYWxXcmFwcGVyXG4gICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJDb250ZW50VGFibGVNb2RhbFwiXG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXJpYURlc2NyaWJlZEJ5fVxuICAgICAgICB7Li4ucmVzdEFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdlNwYWNlPXtbbW9iaWxlU2l6ZSwgZGVza3RvcFNpemVdfSBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgPFN0eWxlZElubmVyPlxuICAgICAgICAgICAgICA8SG9yaXpvbnRhbE9mZnNldD5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIGJTcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgICAgIHt0YWJsZUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgICAgICB7Y2xvc2VCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Ib3Jpem9udGFsT2Zmc2V0PlxuICAgICAgICAgICAgICA8U3R5bGVkQm9keVxuICAgICAgICAgICAgICAgIHJlZj17c2Nyb2xsYWJsZVJlZn1cbiAgICAgICAgICAgICAgICBib3JkZXJUb3A9e2hhc1Njcm9sbCAmJiAhaXNTY3JvbGxUb3B9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIHZTcGFjZT1cInh4eHNcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICAgICAgICAgICAgICA8SG9yaXpvbnRhbE9mZnNldCBoZWlnaHQ9XCIxMDAlXCI+e2NoaWxkcmVufTwvSG9yaXpvbnRhbE9mZnNldD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9TdHlsZWRCb2R5PlxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L0xpZ2h0Ym94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCMkIifQ== */"),StyledInner=styled("div",{target:"e1ddpmuw1",label:"StyledInner"})(({theme})=>{let mobileVerticalSpace=getMobileSpace(theme),mobileInnerVerticalSpace=getMobileInnerSpace(theme),desktopVerticalSpace=getDesktopSpace(theme),desktopInnerVerticalSpace=getDesktopInnerSpace(theme),fullScreenMobile=`calc(100dvh - ${mobileVerticalSpace} * 2 - ${mobileInnerVerticalSpace} * 2)`;return{display:"flex",...useResponsiveValue({height:[fullScreenMobile,"auto"],maxHeight:[fullScreenMobile,`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2)`]}),flexDirection:"column",overflow:"hidden"}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50VGFibGVNb2RhbC9Db250ZW50VGFibGVNb2RhbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRlbnQvQ29udGVudFRhYmxlTW9kYWwvQ29udGVudFRhYmxlTW9kYWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1uby11c2VsZXNzLWZyYWdtZW50ICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbywgdXNlUmVmLCB0eXBlIEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBNb2RhbFByb3BzIH0gZnJvbSBcInNyYy9jb21wb25lbnRzL1BhdHRlcm5zL01vZGFsL01vZGFsXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uLy4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVZhbHVlIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IHVzZVNjcm9sbERldGVjdGlvbiB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlU2Nyb2xsRGV0ZWN0aW9uXCI7XG5pbXBvcnQgeyBMaWdodGJveCB9IGZyb20gXCIuLi8uLi9MaWdodGJveC9MaWdodGJveFwiO1xuXG5jb25zdCBtb2JpbGVTaXplID0gXCJtXCI7XG5jb25zdCBkZXNrdG9wU2l6ZSA9IFwieGxcIjtcbmNvbnN0IGdldERlc2t0b3BTcGFjZSA9ICh0aGVtZTogVGhlbWUpID0+IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubDtcbmNvbnN0IGdldERlc2t0b3BJbm5lclNwYWNlID0gKHRoZW1lOiBUaGVtZSkgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ1tkZXNrdG9wU2l6ZV07XG5jb25zdCBnZXRNb2JpbGVTcGFjZSA9ICh0aGVtZTogVGhlbWUpID0+IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubTtcbmNvbnN0IGdldE1vYmlsZUlubmVyU3BhY2UgPSAodGhlbWU6IFRoZW1lKSA9PlxuICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW21vYmlsZVNpemVdO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+IHtcbiAgY29uc3QgZmFkZUluTW9kYWwgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBrZXlmcmFtZXNgXG4gICAgICBmcm9tIHtcbiAgICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMjBweCk7XG4gICAgICB9XG4gICAgICB0byB7XG4gICAgICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS52aXNpYmxlfTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgICAgfVxuICAgIGAsXG4gICAgW3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbiwgdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZV1cbiAgKTtcbiAgcmV0dXJuIHtcbiAgICBhbmltYXRpb246IGAke2ZhZGVJbk1vZGFsfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWwub3Blbi5kdXJhdGlvbn0gJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsLm9wZW4uZGVsYXl9ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICBcIiY6Zm9jdXNcIjogeyBvdXRsaW5lOiBcIm5vbmVcIiB9LFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICB3aWR0aDogW2BjYWxjKDEwMCUgLSAke2dldE1vYmlsZVNwYWNlKHRoZW1lKX0gKiAyKWAsIFwiYXV0b1wiXSxcbiAgICAgIG1heFdpZHRoOiBbXG4gICAgICAgIGBjYWxjKDEwMCUgLSAke2dldE1vYmlsZVNwYWNlKHRoZW1lKX0gKiAyKWAsXG4gICAgICAgIGBjYWxjKDEwMCUgLSAke2dldERlc2t0b3BTcGFjZSh0aGVtZSl9ICogMilgLFxuICAgICAgXSxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG5jb25zdCBTdHlsZWRJbm5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4ge1xuICBjb25zdCBtb2JpbGVWZXJ0aWNhbFNwYWNlID0gZ2V0TW9iaWxlU3BhY2UodGhlbWUpO1xuICBjb25zdCBtb2JpbGVJbm5lclZlcnRpY2FsU3BhY2UgPSBnZXRNb2JpbGVJbm5lclNwYWNlKHRoZW1lKTtcbiAgY29uc3QgZGVza3RvcFZlcnRpY2FsU3BhY2UgPSBnZXREZXNrdG9wU3BhY2UodGhlbWUpO1xuICBjb25zdCBkZXNrdG9wSW5uZXJWZXJ0aWNhbFNwYWNlID0gZ2V0RGVza3RvcElubmVyU3BhY2UodGhlbWUpO1xuXG4gIGNvbnN0IGdldERlc2t0b3BIZWlnaHQgPSAoKSA9PiBcImF1dG9cIjtcblxuICBjb25zdCBnZXREZXNrdG9wTWF4SGVpZ2h0ID0gKCkgPT5cbiAgICBgY2FsYygxMDBkdmggLSAke2Rlc2t0b3BWZXJ0aWNhbFNwYWNlfSAqIDIgLSAke2Rlc2t0b3BJbm5lclZlcnRpY2FsU3BhY2V9ICogMilgO1xuXG4gIGNvbnN0IGZ1bGxTY3JlZW5Nb2JpbGUgPSBgY2FsYygxMDBkdmggLSAke21vYmlsZVZlcnRpY2FsU3BhY2V9ICogMiAtICR7bW9iaWxlSW5uZXJWZXJ0aWNhbFNwYWNlfSAqIDIpYDtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBoZWlnaHQ6IFtmdWxsU2NyZWVuTW9iaWxlLCBnZXREZXNrdG9wSGVpZ2h0KCldLFxuICAgICAgbWF4SGVpZ2h0OiBbZnVsbFNjcmVlbk1vYmlsZSwgZ2V0RGVza3RvcE1heEhlaWdodCgpXSxcbiAgICB9KSxcblxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIH07XG59KTtcblxudHlwZSBTdHlsZWRCb2R5UHJvcHMgPSB7XG4gIGJvcmRlclRvcDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2PFN0eWxlZEJvZHlQcm9wcz4oKHsgdGhlbWUsIGJvcmRlclRvcCB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxuICBmbGV4OiAxLFxuXG4gIC4uLihib3JkZXJUb3AgJiYge1xuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnl9YCxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZE1heFdpZHRoID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLmZ1bGxTY3JlZW5Db250ZW50V2lkdGgsXG4gIG1hcmdpbjogXCIwIGF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbn0pKTtcblxuY29uc3QgSG9yaXpvbnRhbE9mZnNldCA9ICh7XG4gIGNoaWxkcmVuLFxuICBoZWlnaHQsXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlaWdodD86IHN0cmluZztcbn0pID0+IChcbiAgPEJveCBzcGFjZT17W21vYmlsZVNpemUsIGRlc2t0b3BTaXplXX0gdlNwYWNlPVwiemVyb1wiIGhlaWdodD17aGVpZ2h0fT5cbiAgICA8U3R5bGVkTWF4V2lkdGg+e2NoaWxkcmVufTwvU3R5bGVkTWF4V2lkdGg+XG4gIDwvQm94PlxuKTtcblxuLyoqIEVpdGhlciBhcmlhLWxhYmVsIG9yIGFyaWEtbGFiZWxsZWRieSBtdXN0IGJlIHByb3ZpZGVkIGZvciBhY2Nlc3NpYmlsaXR5ICovXG50eXBlIExhYmVsUHJvcHMgPVxuICB8IHtcbiAgICAgIFwiYXJpYS1sYWJlbFwiOiBBcmlhQXR0cmlidXRlc1tcImFyaWEtbGFiZWxcIl07XG4gICAgICBcImFyaWEtbGFiZWxsZWRieVwiPzogQXJpYUF0dHJpYnV0ZXNbXCJhcmlhLWxhYmVsXCJdO1xuICAgIH1cbiAgfCB7XG4gICAgICBcImFyaWEtbGFiZWxcIj86IEFyaWFBdHRyaWJ1dGVzW1wiYXJpYS1sYWJlbFwiXTtcbiAgICAgIFwiYXJpYS1sYWJlbGxlZGJ5XCI6IEFyaWFBdHRyaWJ1dGVzW1wiYXJpYS1sYWJlbFwiXTtcbiAgICB9O1xuXG5leHBvcnQgdHlwZSBDb250ZW50VGFibGVNb2RhbFByb3BzID0gUGljazxcbiAgTW9kYWxQcm9wcyxcbiAgfCBcInJvbGVcIlxuICB8IFwib25BY3Rpb25cIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcImluaXRpYWxGb2N1c1wiXG4gIHwgXCJjbG9zZUJ1dHRvbkFyaWFMYWJlbFwiXG4gIHwgXCJkYXRhLWUyZS10ZXN0LWlkXCJcbiAgfCBcImNoaWxkcmVuXCJcbj4gJlxuICBMYWJlbFByb3BzICYge1xuICAgIHRhYmxlQ29udHJvbHM/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI/OiBBcmlhQXR0cmlidXRlc1tcImFyaWEtZGVzY3JpYmVkYnlcIl07XG4gIH07XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50VGFibGVNb2RhbCh7XG4gIGNoaWxkcmVuLFxuICByb2xlID0gXCJkaWFsb2dcIixcbiAgb25BY3Rpb24sXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWwgPSBcIkRpc21pc3MgRGlhbG9nXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpbml0aWFsRm9jdXMsXG4gIHRhYmxlQ29udHJvbHMgPSA8ZGl2IC8+LFxuICBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICAuLi5yZXN0QXJpYUF0dHJpYnV0ZXNcbn06IENvbnRlbnRUYWJsZU1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBiYWNrZHJvcFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgeyBzY3JvbGxhYmxlUmVmLCBpc1Njcm9sbFRvcCwgaGFzU2Nyb2xsIH0gPSB1c2VTY3JvbGxEZXRlY3Rpb24oKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcblxuICBjb25zdCBjbG9zZUJ1dHRvbiA9IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgaWNvbj1cInhcIlxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICBhcmlhLWxhYmVsPXtjbG9zZUJ1dHRvbkFyaWFMYWJlbH1cbiAgICAgIGRhdGEtbW9kYWwtY2xvc2UtYnRuXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxMaWdodGJveFxuICAgICAgYmFja2Ryb3BSZWY9e2JhY2tkcm9wUmVmfVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICBpc0Rpc21pc3NpYmxlXG4gICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICA+XG4gICAgICA8U3R5bGVkTW9kYWxXcmFwcGVyXG4gICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJDb250ZW50VGFibGVNb2RhbFwiXG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXJpYURlc2NyaWJlZEJ5fVxuICAgICAgICB7Li4ucmVzdEFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdlNwYWNlPXtbbW9iaWxlU2l6ZSwgZGVza3RvcFNpemVdfSBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgPFN0eWxlZElubmVyPlxuICAgICAgICAgICAgICA8SG9yaXpvbnRhbE9mZnNldD5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIGJTcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgICAgIHt0YWJsZUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgICAgICB7Y2xvc2VCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Ib3Jpem9udGFsT2Zmc2V0PlxuICAgICAgICAgICAgICA8U3R5bGVkQm9keVxuICAgICAgICAgICAgICAgIHJlZj17c2Nyb2xsYWJsZVJlZn1cbiAgICAgICAgICAgICAgICBib3JkZXJUb3A9e2hhc1Njcm9sbCAmJiAhaXNTY3JvbGxUb3B9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIHZTcGFjZT1cInh4eHNcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICAgICAgICAgICAgICA8SG9yaXpvbnRhbE9mZnNldCBoZWlnaHQ9XCIxMDAlXCI+e2NoaWxkcmVufTwvSG9yaXpvbnRhbE9mZnNldD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9TdHlsZWRCb2R5PlxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L0xpZ2h0Ym94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Eb0IifQ== */"),StyledBody=styled("div",{target:"e1ddpmuw2",label:"StyledBody"})(({theme,borderTop})=>({height:"auto",overflowY:"auto",maxHeight:"100%",flex:1,...borderTop&&{borderTop:`1px solid ${theme.values.color.divider.primary}`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50VGFibGVNb2RhbC9Db250ZW50VGFibGVNb2RhbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRlbnQvQ29udGVudFRhYmxlTW9kYWwvQ29udGVudFRhYmxlTW9kYWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1uby11c2VsZXNzLWZyYWdtZW50ICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbywgdXNlUmVmLCB0eXBlIEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBNb2RhbFByb3BzIH0gZnJvbSBcInNyYy9jb21wb25lbnRzL1BhdHRlcm5zL01vZGFsL01vZGFsXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uLy4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVZhbHVlIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IHVzZVNjcm9sbERldGVjdGlvbiB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlU2Nyb2xsRGV0ZWN0aW9uXCI7XG5pbXBvcnQgeyBMaWdodGJveCB9IGZyb20gXCIuLi8uLi9MaWdodGJveC9MaWdodGJveFwiO1xuXG5jb25zdCBtb2JpbGVTaXplID0gXCJtXCI7XG5jb25zdCBkZXNrdG9wU2l6ZSA9IFwieGxcIjtcbmNvbnN0IGdldERlc2t0b3BTcGFjZSA9ICh0aGVtZTogVGhlbWUpID0+IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubDtcbmNvbnN0IGdldERlc2t0b3BJbm5lclNwYWNlID0gKHRoZW1lOiBUaGVtZSkgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ1tkZXNrdG9wU2l6ZV07XG5jb25zdCBnZXRNb2JpbGVTcGFjZSA9ICh0aGVtZTogVGhlbWUpID0+IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubTtcbmNvbnN0IGdldE1vYmlsZUlubmVyU3BhY2UgPSAodGhlbWU6IFRoZW1lKSA9PlxuICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW21vYmlsZVNpemVdO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+IHtcbiAgY29uc3QgZmFkZUluTW9kYWwgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBrZXlmcmFtZXNgXG4gICAgICBmcm9tIHtcbiAgICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMjBweCk7XG4gICAgICB9XG4gICAgICB0byB7XG4gICAgICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS52aXNpYmxlfTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgICAgfVxuICAgIGAsXG4gICAgW3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbiwgdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZV1cbiAgKTtcbiAgcmV0dXJuIHtcbiAgICBhbmltYXRpb246IGAke2ZhZGVJbk1vZGFsfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWwub3Blbi5kdXJhdGlvbn0gJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsLm9wZW4uZGVsYXl9ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICBcIiY6Zm9jdXNcIjogeyBvdXRsaW5lOiBcIm5vbmVcIiB9LFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICB3aWR0aDogW2BjYWxjKDEwMCUgLSAke2dldE1vYmlsZVNwYWNlKHRoZW1lKX0gKiAyKWAsIFwiYXV0b1wiXSxcbiAgICAgIG1heFdpZHRoOiBbXG4gICAgICAgIGBjYWxjKDEwMCUgLSAke2dldE1vYmlsZVNwYWNlKHRoZW1lKX0gKiAyKWAsXG4gICAgICAgIGBjYWxjKDEwMCUgLSAke2dldERlc2t0b3BTcGFjZSh0aGVtZSl9ICogMilgLFxuICAgICAgXSxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG5jb25zdCBTdHlsZWRJbm5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4ge1xuICBjb25zdCBtb2JpbGVWZXJ0aWNhbFNwYWNlID0gZ2V0TW9iaWxlU3BhY2UodGhlbWUpO1xuICBjb25zdCBtb2JpbGVJbm5lclZlcnRpY2FsU3BhY2UgPSBnZXRNb2JpbGVJbm5lclNwYWNlKHRoZW1lKTtcbiAgY29uc3QgZGVza3RvcFZlcnRpY2FsU3BhY2UgPSBnZXREZXNrdG9wU3BhY2UodGhlbWUpO1xuICBjb25zdCBkZXNrdG9wSW5uZXJWZXJ0aWNhbFNwYWNlID0gZ2V0RGVza3RvcElubmVyU3BhY2UodGhlbWUpO1xuXG4gIGNvbnN0IGdldERlc2t0b3BIZWlnaHQgPSAoKSA9PiBcImF1dG9cIjtcblxuICBjb25zdCBnZXREZXNrdG9wTWF4SGVpZ2h0ID0gKCkgPT5cbiAgICBgY2FsYygxMDBkdmggLSAke2Rlc2t0b3BWZXJ0aWNhbFNwYWNlfSAqIDIgLSAke2Rlc2t0b3BJbm5lclZlcnRpY2FsU3BhY2V9ICogMilgO1xuXG4gIGNvbnN0IGZ1bGxTY3JlZW5Nb2JpbGUgPSBgY2FsYygxMDBkdmggLSAke21vYmlsZVZlcnRpY2FsU3BhY2V9ICogMiAtICR7bW9iaWxlSW5uZXJWZXJ0aWNhbFNwYWNlfSAqIDIpYDtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBoZWlnaHQ6IFtmdWxsU2NyZWVuTW9iaWxlLCBnZXREZXNrdG9wSGVpZ2h0KCldLFxuICAgICAgbWF4SGVpZ2h0OiBbZnVsbFNjcmVlbk1vYmlsZSwgZ2V0RGVza3RvcE1heEhlaWdodCgpXSxcbiAgICB9KSxcblxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIH07XG59KTtcblxudHlwZSBTdHlsZWRCb2R5UHJvcHMgPSB7XG4gIGJvcmRlclRvcDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2PFN0eWxlZEJvZHlQcm9wcz4oKHsgdGhlbWUsIGJvcmRlclRvcCB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxuICBmbGV4OiAxLFxuXG4gIC4uLihib3JkZXJUb3AgJiYge1xuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnl9YCxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZE1heFdpZHRoID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLmZ1bGxTY3JlZW5Db250ZW50V2lkdGgsXG4gIG1hcmdpbjogXCIwIGF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbn0pKTtcblxuY29uc3QgSG9yaXpvbnRhbE9mZnNldCA9ICh7XG4gIGNoaWxkcmVuLFxuICBoZWlnaHQsXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlaWdodD86IHN0cmluZztcbn0pID0+IChcbiAgPEJveCBzcGFjZT17W21vYmlsZVNpemUsIGRlc2t0b3BTaXplXX0gdlNwYWNlPVwiemVyb1wiIGhlaWdodD17aGVpZ2h0fT5cbiAgICA8U3R5bGVkTWF4V2lkdGg+e2NoaWxkcmVufTwvU3R5bGVkTWF4V2lkdGg+XG4gIDwvQm94PlxuKTtcblxuLyoqIEVpdGhlciBhcmlhLWxhYmVsIG9yIGFyaWEtbGFiZWxsZWRieSBtdXN0IGJlIHByb3ZpZGVkIGZvciBhY2Nlc3NpYmlsaXR5ICovXG50eXBlIExhYmVsUHJvcHMgPVxuICB8IHtcbiAgICAgIFwiYXJpYS1sYWJlbFwiOiBBcmlhQXR0cmlidXRlc1tcImFyaWEtbGFiZWxcIl07XG4gICAgICBcImFyaWEtbGFiZWxsZWRieVwiPzogQXJpYUF0dHJpYnV0ZXNbXCJhcmlhLWxhYmVsXCJdO1xuICAgIH1cbiAgfCB7XG4gICAgICBcImFyaWEtbGFiZWxcIj86IEFyaWFBdHRyaWJ1dGVzW1wiYXJpYS1sYWJlbFwiXTtcbiAgICAgIFwiYXJpYS1sYWJlbGxlZGJ5XCI6IEFyaWFBdHRyaWJ1dGVzW1wiYXJpYS1sYWJlbFwiXTtcbiAgICB9O1xuXG5leHBvcnQgdHlwZSBDb250ZW50VGFibGVNb2RhbFByb3BzID0gUGljazxcbiAgTW9kYWxQcm9wcyxcbiAgfCBcInJvbGVcIlxuICB8IFwib25BY3Rpb25cIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcImluaXRpYWxGb2N1c1wiXG4gIHwgXCJjbG9zZUJ1dHRvbkFyaWFMYWJlbFwiXG4gIHwgXCJkYXRhLWUyZS10ZXN0LWlkXCJcbiAgfCBcImNoaWxkcmVuXCJcbj4gJlxuICBMYWJlbFByb3BzICYge1xuICAgIHRhYmxlQ29udHJvbHM/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI/OiBBcmlhQXR0cmlidXRlc1tcImFyaWEtZGVzY3JpYmVkYnlcIl07XG4gIH07XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50VGFibGVNb2RhbCh7XG4gIGNoaWxkcmVuLFxuICByb2xlID0gXCJkaWFsb2dcIixcbiAgb25BY3Rpb24sXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWwgPSBcIkRpc21pc3MgRGlhbG9nXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpbml0aWFsRm9jdXMsXG4gIHRhYmxlQ29udHJvbHMgPSA8ZGl2IC8+LFxuICBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICAuLi5yZXN0QXJpYUF0dHJpYnV0ZXNcbn06IENvbnRlbnRUYWJsZU1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBiYWNrZHJvcFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgeyBzY3JvbGxhYmxlUmVmLCBpc1Njcm9sbFRvcCwgaGFzU2Nyb2xsIH0gPSB1c2VTY3JvbGxEZXRlY3Rpb24oKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcblxuICBjb25zdCBjbG9zZUJ1dHRvbiA9IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgaWNvbj1cInhcIlxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICBhcmlhLWxhYmVsPXtjbG9zZUJ1dHRvbkFyaWFMYWJlbH1cbiAgICAgIGRhdGEtbW9kYWwtY2xvc2UtYnRuXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxMaWdodGJveFxuICAgICAgYmFja2Ryb3BSZWY9e2JhY2tkcm9wUmVmfVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICBpc0Rpc21pc3NpYmxlXG4gICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICA+XG4gICAgICA8U3R5bGVkTW9kYWxXcmFwcGVyXG4gICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJDb250ZW50VGFibGVNb2RhbFwiXG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXJpYURlc2NyaWJlZEJ5fVxuICAgICAgICB7Li4ucmVzdEFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdlNwYWNlPXtbbW9iaWxlU2l6ZSwgZGVza3RvcFNpemVdfSBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgPFN0eWxlZElubmVyPlxuICAgICAgICAgICAgICA8SG9yaXpvbnRhbE9mZnNldD5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIGJTcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgICAgIHt0YWJsZUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgICAgICB7Y2xvc2VCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Ib3Jpem9udGFsT2Zmc2V0PlxuICAgICAgICAgICAgICA8U3R5bGVkQm9keVxuICAgICAgICAgICAgICAgIHJlZj17c2Nyb2xsYWJsZVJlZn1cbiAgICAgICAgICAgICAgICBib3JkZXJUb3A9e2hhc1Njcm9sbCAmJiAhaXNTY3JvbGxUb3B9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIHZTcGFjZT1cInh4eHNcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICAgICAgICAgICAgICA8SG9yaXpvbnRhbE9mZnNldCBoZWlnaHQ9XCIxMDAlXCI+e2NoaWxkcmVufTwvSG9yaXpvbnRhbE9mZnNldD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9TdHlsZWRCb2R5PlxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L0xpZ2h0Ym94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGbUIifQ== */"),StyledMaxWidth=styled("div",{target:"e1ddpmuw3",label:"StyledMaxWidth"})(({theme})=>({maxWidth:theme.variables.size.dimension.modal.fullScreenContentWidth,margin:"0 auto",height:"100%"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50VGFibGVNb2RhbC9Db250ZW50VGFibGVNb2RhbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRlbnQvQ29udGVudFRhYmxlTW9kYWwvQ29udGVudFRhYmxlTW9kYWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1uby11c2VsZXNzLWZyYWdtZW50ICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbywgdXNlUmVmLCB0eXBlIEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBNb2RhbFByb3BzIH0gZnJvbSBcInNyYy9jb21wb25lbnRzL1BhdHRlcm5zL01vZGFsL01vZGFsXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uLy4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVZhbHVlIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IHVzZVNjcm9sbERldGVjdGlvbiB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlU2Nyb2xsRGV0ZWN0aW9uXCI7XG5pbXBvcnQgeyBMaWdodGJveCB9IGZyb20gXCIuLi8uLi9MaWdodGJveC9MaWdodGJveFwiO1xuXG5jb25zdCBtb2JpbGVTaXplID0gXCJtXCI7XG5jb25zdCBkZXNrdG9wU2l6ZSA9IFwieGxcIjtcbmNvbnN0IGdldERlc2t0b3BTcGFjZSA9ICh0aGVtZTogVGhlbWUpID0+IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubDtcbmNvbnN0IGdldERlc2t0b3BJbm5lclNwYWNlID0gKHRoZW1lOiBUaGVtZSkgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ1tkZXNrdG9wU2l6ZV07XG5jb25zdCBnZXRNb2JpbGVTcGFjZSA9ICh0aGVtZTogVGhlbWUpID0+IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubTtcbmNvbnN0IGdldE1vYmlsZUlubmVyU3BhY2UgPSAodGhlbWU6IFRoZW1lKSA9PlxuICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW21vYmlsZVNpemVdO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+IHtcbiAgY29uc3QgZmFkZUluTW9kYWwgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBrZXlmcmFtZXNgXG4gICAgICBmcm9tIHtcbiAgICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMjBweCk7XG4gICAgICB9XG4gICAgICB0byB7XG4gICAgICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS52aXNpYmxlfTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgICAgfVxuICAgIGAsXG4gICAgW3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbiwgdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZV1cbiAgKTtcbiAgcmV0dXJuIHtcbiAgICBhbmltYXRpb246IGAke2ZhZGVJbk1vZGFsfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWwub3Blbi5kdXJhdGlvbn0gJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsLm9wZW4uZGVsYXl9ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICBcIiY6Zm9jdXNcIjogeyBvdXRsaW5lOiBcIm5vbmVcIiB9LFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICB3aWR0aDogW2BjYWxjKDEwMCUgLSAke2dldE1vYmlsZVNwYWNlKHRoZW1lKX0gKiAyKWAsIFwiYXV0b1wiXSxcbiAgICAgIG1heFdpZHRoOiBbXG4gICAgICAgIGBjYWxjKDEwMCUgLSAke2dldE1vYmlsZVNwYWNlKHRoZW1lKX0gKiAyKWAsXG4gICAgICAgIGBjYWxjKDEwMCUgLSAke2dldERlc2t0b3BTcGFjZSh0aGVtZSl9ICogMilgLFxuICAgICAgXSxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG5jb25zdCBTdHlsZWRJbm5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4ge1xuICBjb25zdCBtb2JpbGVWZXJ0aWNhbFNwYWNlID0gZ2V0TW9iaWxlU3BhY2UodGhlbWUpO1xuICBjb25zdCBtb2JpbGVJbm5lclZlcnRpY2FsU3BhY2UgPSBnZXRNb2JpbGVJbm5lclNwYWNlKHRoZW1lKTtcbiAgY29uc3QgZGVza3RvcFZlcnRpY2FsU3BhY2UgPSBnZXREZXNrdG9wU3BhY2UodGhlbWUpO1xuICBjb25zdCBkZXNrdG9wSW5uZXJWZXJ0aWNhbFNwYWNlID0gZ2V0RGVza3RvcElubmVyU3BhY2UodGhlbWUpO1xuXG4gIGNvbnN0IGdldERlc2t0b3BIZWlnaHQgPSAoKSA9PiBcImF1dG9cIjtcblxuICBjb25zdCBnZXREZXNrdG9wTWF4SGVpZ2h0ID0gKCkgPT5cbiAgICBgY2FsYygxMDBkdmggLSAke2Rlc2t0b3BWZXJ0aWNhbFNwYWNlfSAqIDIgLSAke2Rlc2t0b3BJbm5lclZlcnRpY2FsU3BhY2V9ICogMilgO1xuXG4gIGNvbnN0IGZ1bGxTY3JlZW5Nb2JpbGUgPSBgY2FsYygxMDBkdmggLSAke21vYmlsZVZlcnRpY2FsU3BhY2V9ICogMiAtICR7bW9iaWxlSW5uZXJWZXJ0aWNhbFNwYWNlfSAqIDIpYDtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBoZWlnaHQ6IFtmdWxsU2NyZWVuTW9iaWxlLCBnZXREZXNrdG9wSGVpZ2h0KCldLFxuICAgICAgbWF4SGVpZ2h0OiBbZnVsbFNjcmVlbk1vYmlsZSwgZ2V0RGVza3RvcE1heEhlaWdodCgpXSxcbiAgICB9KSxcblxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIH07XG59KTtcblxudHlwZSBTdHlsZWRCb2R5UHJvcHMgPSB7XG4gIGJvcmRlclRvcDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2PFN0eWxlZEJvZHlQcm9wcz4oKHsgdGhlbWUsIGJvcmRlclRvcCB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxuICBmbGV4OiAxLFxuXG4gIC4uLihib3JkZXJUb3AgJiYge1xuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnl9YCxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZE1heFdpZHRoID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLmZ1bGxTY3JlZW5Db250ZW50V2lkdGgsXG4gIG1hcmdpbjogXCIwIGF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbn0pKTtcblxuY29uc3QgSG9yaXpvbnRhbE9mZnNldCA9ICh7XG4gIGNoaWxkcmVuLFxuICBoZWlnaHQsXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlaWdodD86IHN0cmluZztcbn0pID0+IChcbiAgPEJveCBzcGFjZT17W21vYmlsZVNpemUsIGRlc2t0b3BTaXplXX0gdlNwYWNlPVwiemVyb1wiIGhlaWdodD17aGVpZ2h0fT5cbiAgICA8U3R5bGVkTWF4V2lkdGg+e2NoaWxkcmVufTwvU3R5bGVkTWF4V2lkdGg+XG4gIDwvQm94PlxuKTtcblxuLyoqIEVpdGhlciBhcmlhLWxhYmVsIG9yIGFyaWEtbGFiZWxsZWRieSBtdXN0IGJlIHByb3ZpZGVkIGZvciBhY2Nlc3NpYmlsaXR5ICovXG50eXBlIExhYmVsUHJvcHMgPVxuICB8IHtcbiAgICAgIFwiYXJpYS1sYWJlbFwiOiBBcmlhQXR0cmlidXRlc1tcImFyaWEtbGFiZWxcIl07XG4gICAgICBcImFyaWEtbGFiZWxsZWRieVwiPzogQXJpYUF0dHJpYnV0ZXNbXCJhcmlhLWxhYmVsXCJdO1xuICAgIH1cbiAgfCB7XG4gICAgICBcImFyaWEtbGFiZWxcIj86IEFyaWFBdHRyaWJ1dGVzW1wiYXJpYS1sYWJlbFwiXTtcbiAgICAgIFwiYXJpYS1sYWJlbGxlZGJ5XCI6IEFyaWFBdHRyaWJ1dGVzW1wiYXJpYS1sYWJlbFwiXTtcbiAgICB9O1xuXG5leHBvcnQgdHlwZSBDb250ZW50VGFibGVNb2RhbFByb3BzID0gUGljazxcbiAgTW9kYWxQcm9wcyxcbiAgfCBcInJvbGVcIlxuICB8IFwib25BY3Rpb25cIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcImluaXRpYWxGb2N1c1wiXG4gIHwgXCJjbG9zZUJ1dHRvbkFyaWFMYWJlbFwiXG4gIHwgXCJkYXRhLWUyZS10ZXN0LWlkXCJcbiAgfCBcImNoaWxkcmVuXCJcbj4gJlxuICBMYWJlbFByb3BzICYge1xuICAgIHRhYmxlQ29udHJvbHM/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI/OiBBcmlhQXR0cmlidXRlc1tcImFyaWEtZGVzY3JpYmVkYnlcIl07XG4gIH07XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50VGFibGVNb2RhbCh7XG4gIGNoaWxkcmVuLFxuICByb2xlID0gXCJkaWFsb2dcIixcbiAgb25BY3Rpb24sXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWwgPSBcIkRpc21pc3MgRGlhbG9nXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpbml0aWFsRm9jdXMsXG4gIHRhYmxlQ29udHJvbHMgPSA8ZGl2IC8+LFxuICBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICAuLi5yZXN0QXJpYUF0dHJpYnV0ZXNcbn06IENvbnRlbnRUYWJsZU1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBiYWNrZHJvcFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgeyBzY3JvbGxhYmxlUmVmLCBpc1Njcm9sbFRvcCwgaGFzU2Nyb2xsIH0gPSB1c2VTY3JvbGxEZXRlY3Rpb24oKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkFjdGlvbihcImNhbmNlbFwiKTtcbiAgfTtcblxuICBjb25zdCBjbG9zZUJ1dHRvbiA9IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgaWNvbj1cInhcIlxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICBhcmlhLWxhYmVsPXtjbG9zZUJ1dHRvbkFyaWFMYWJlbH1cbiAgICAgIGRhdGEtbW9kYWwtY2xvc2UtYnRuXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxMaWdodGJveFxuICAgICAgYmFja2Ryb3BSZWY9e2JhY2tkcm9wUmVmfVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICBpc0Rpc21pc3NpYmxlXG4gICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICA+XG4gICAgICA8U3R5bGVkTW9kYWxXcmFwcGVyXG4gICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJDb250ZW50VGFibGVNb2RhbFwiXG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXJpYURlc2NyaWJlZEJ5fVxuICAgICAgICB7Li4ucmVzdEFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgID5cbiAgICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdlNwYWNlPXtbbW9iaWxlU2l6ZSwgZGVza3RvcFNpemVdfSBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgPFN0eWxlZElubmVyPlxuICAgICAgICAgICAgICA8SG9yaXpvbnRhbE9mZnNldD5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIGJTcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgICAgIHt0YWJsZUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgICAgICB7Y2xvc2VCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Ib3Jpem9udGFsT2Zmc2V0PlxuICAgICAgICAgICAgICA8U3R5bGVkQm9keVxuICAgICAgICAgICAgICAgIHJlZj17c2Nyb2xsYWJsZVJlZn1cbiAgICAgICAgICAgICAgICBib3JkZXJUb3A9e2hhc1Njcm9sbCAmJiAhaXNTY3JvbGxUb3B9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIHZTcGFjZT1cInh4eHNcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICAgICAgICAgICAgICA8SG9yaXpvbnRhbE9mZnNldCBoZWlnaHQ9XCIxMDAlXCI+e2NoaWxkcmVufTwvSG9yaXpvbnRhbE9mZnNldD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9TdHlsZWRCb2R5PlxuICAgICAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZE1vZGFsV3JhcHBlcj5cbiAgICA8L0xpZ2h0Ym94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRGdUIifQ== */"),HorizontalOffset=({children,height})=>React.createElement(Box,{space:["m","xl"],vSpace:"zero",height:height},React.createElement(StyledMaxWidth,null,children));export function ContentTableModal({children,role="dialog",onAction,portalContainer,closeButtonAriaLabel="Dismiss Dialog","data-e2e-test-id":dataE2eTestId,initialFocus,tableControls=React.createElement("div",null),"aria-label":ariaLabel,"aria-describedby":ariaDescribedBy,...restAriaAttributes}){let backdropRef=useRef(null),{scrollableRef,isScrollTop,hasScroll}=useScrollDetection(),handleClose=()=>{onAction("cancel")},closeButton=React.createElement(PictogramButton,{variant:"tertiary",icon:"x",size:"s",onClick:handleClose,"aria-label":closeButtonAriaLabel,"data-modal-close-btn":!0});return React.createElement(Lightbox,{backdropRef:backdropRef,portalContainer:portalContainer,handleClose:handleClose,isDismissible:!0,initialFocus:initialFocus},React.createElement(StyledModalWrapper,{role:role,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentTableModal","aria-label":ariaLabel,"aria-describedby":ariaDescribedBy,...restAriaAttributes,"aria-modal":"true",tabIndex:-1},React.createElement(Container,{elevation:4},React.createElement(Box,{space:"zero",vSpace:["m","xl"],bSpace:"xs"},React.createElement(StyledInner,null,React.createElement(HorizontalOffset,null,React.createElement(Box,{space:"zero",bSpace:"xxs"},React.createElement(Inline,{alignItems:"spaceBetween"},tableControls,closeButton))),React.createElement(StyledBody,{ref:scrollableRef,borderTop:hasScroll&&!isScrollTop},React.createElement(Box,{space:"zero",vSpace:"xxxs",height:"100%"},React.createElement(HorizontalOffset,{height:"100%"},children))))))))}

package/build/esm/components/Content/ContentTableModal/ContentTableModal.mocks.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const WideTable: () => React.ReactElement;
+export declare const SmallerTable: () => React.ReactElement;

package/build/esm/components/Content/ContentTableModal/ContentTableModal.mocks.js

@@ -0,0 +1 @@
+import React from"react";import{ContentText}from"../ContentText/ContentText";import{ContentLink}from"../ContentLink/ContentLink";import{ContentList}from"../ContentList/ContentList";import{ContentPictogramButton}from"../ContentPictogramButton/ContentPictogramButton";import{ContentTable}from"../ContentTable/ContentTable";import{ReferenceButton}from"../ReferenceButton/ReferenceButton";export const WideTable=()=>React.createElement(ContentTable,null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement("span",{id:"Z6518a6eace9346f1242c1f8f1b157efb",className:"anchor",tabIndex:-1},React.createElement("span",{className:"anchor-target"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Overview of antibiotics")))))))))))),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Antibacterial classes"))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Examples"))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Mechanism of action"))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Bacteriostatic"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"/"))),React.createElement("span",null,React.createElement(ContentLink,{isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"bactericidal"))))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Mechanisms of resistance")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"cell wall"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"}," synthesis")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:1,rowSpan:4},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"β-lactams"))))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Penicillins"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Natural "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillins"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillin"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," G"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillin"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," V"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Anti-staphylococcal"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," penicillins"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"oxacillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"nafcillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dicloxacillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Aminopenicillin"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"s"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"amoxicillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ampicillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Antipseudomonal penicillins"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"piperacillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ticarcillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))))),React.createElement("td",{colSpan:1,rowSpan:4},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillin"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-binding"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," proteins"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"PBPs"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ crosslinking"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," layer")))))),React.createElement("td",{colSpan:1,rowSpan:4},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cleavage of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactam"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ring by "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactamases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillinases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"PBP"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," mutations"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"MRSA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cephalosporins"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"1"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"st")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cephalexin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"2"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"nd")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cefaclor"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"3"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"rd")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cefixime"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"4"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"th")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cefepime"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"5"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"th")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ceftaroline"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cleavage of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactam"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ring by "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactamases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (cephalosporinases)")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"PBP"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," mutations"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Carbapenems"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Imipenem")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Meropenem")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ertapenem")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Doripenem")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cleavage of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactam"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ring by "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactamases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (carbapenemases)"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Monobactams"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Aztreonam")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cleavage by "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactamases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","(less suceptible than other"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"\xdf-lactams"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Glycopeptides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Vancomycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacitracin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Teicoplanin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Telavancin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Dalbavancin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Oritavancin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"D-alanyl-D-"))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"alanine"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," section of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"precursor →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibited "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," against "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",{className:"_italic_1d3u9_1 _nowrap_1d3u9_5"},React.createElement(ContentText,{as:"span"},"C. difficile")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration in "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gram-negative"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," bacteria")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Change in "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," precursor structure"))),React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"D-alanyl-D-"))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"alanine"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"D-alanyl-D-"))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"lactate")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Glycopeptides"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","do not bind to the altered precursor."))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Epoxides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Fosfomycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inactivate enolpyruvate transferase"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"(MurA) →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"N-acetylmuramic acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"formation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," disruption of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"3")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzyme "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gene"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," overexpression")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzymatic inactivation"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Disruption of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell membrane"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," integrity")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Lipopeptides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Daptomycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Lipid portion binds to "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bacterial cytoplasmic"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"membrane"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"formation of "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ion-conducting"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"channels →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," intracellular "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"K"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"+")))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," efflux →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell membrane"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"depolarization")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Not fully understood")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Altered "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell membrane"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," potential"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Polymyxins"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Polymyxin E"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"colistin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Polymyxin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," B")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cationic "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"detergents"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"polypeptides"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") bind to outer "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell membrane"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (phospholipids on "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gram-negative"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bacteria"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↑ permeability"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"→ bacterial"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," lysis")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to and inhibit "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"lipopolysaccharides"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ effect"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"endotoxins")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Not fully understood")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Altered "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"lipid A"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," portion of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"lipopolysaccharides"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (LPSs)")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," - "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"30S ribosomal subunit")))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Aminoglycosides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Gentamicin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Amikacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tobramycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Streptomycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Neomycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibit "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"initiation "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"complex"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," protein mistranslation")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inactivating enzymes (via e.g.,"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"acetylation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"phosphorylation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"adenylation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Removal by "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"efflux pumps")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutation of the bacterial"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Anaerobic bacteria")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Acidic environment"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tetracyclines"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tetracycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Doxycycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Minocycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Eravacycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sarecycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Omadacycline")))))),React.createElement("td",{colSpan:1,rowSpan:2},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Block incoming "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"aminoacyl-tRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," with "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"amino acids"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:2},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Removal by "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"efflux pumps"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"plasmid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-encoded"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Production of a protein that protects"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Glycylcyclines"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","(tetracyclin derivative)"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tigecycline")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Designed to overcome the resistance of"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"tetracycline"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"efflux pumps"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosomal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," protection) "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"4"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," - "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"50S ribosomal subunit")))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Macrolides"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and ketolides"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Erythromycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Clarithromycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Azithromycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"23S "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"rRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","inhibition of transpeptidation, translocation, and chain"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"elongation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Methylation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of 23S "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"rRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site (of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"50S subunit"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") → inhibits binding of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"macrolides")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cross-resistance"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," with "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"clindamycin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and streptogramins")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutation of bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Lincosamides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Clindamycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Impair "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"transpeptidation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibition of chain "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"elongation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Increase "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"opsonization"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"phagocytosis")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibit "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"alpha toxin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," expression")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutation of bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Streptogramins"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Quinupristin-dalfopristin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Dalfopristin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binds to "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"23S portion"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of the "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"50S subunit"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," conformation "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"change →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","facilitation of binding of"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"quinupristin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Quinupristin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binds to and blocks "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"50S subunit"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"polypeptide"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"elongation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",{className:"css-3snuad-StyledContent eociiq20"},"5")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," when used in combination")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," when used separately")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Alteration of bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzyme-mediated"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"methylation")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Oxazolidinones"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Linezolid")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prevent association of 50S with"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"30S subunit"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"23S "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"RNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")→ impairment of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"initiation complex"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","formation → early interruption of"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Only "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," against "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",{className:"_italic_1d3u9_1"},React.createElement(ContentText,{as:"span"},"Streptococci")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Point mutation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of the "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"23S "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"rRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",{className:"_bubbleWrapper_3eps9_1"},React.createElement(ContentPictogramButton,{icon:"bubble-text",type:"button","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0})))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Amphenicols"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Chloramphenicol")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prevent binding of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"amino "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-containing"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"aminoacyl-tRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidyltransferase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"→"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," in higher concentrations")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzymatic inactivation by"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"acetyltransferase"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"plasmid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-encoded"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA gyrase"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibition")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Fluoroquinolones"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Norfloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Moxifloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Gemifloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ciprofloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ofloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Levofloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enoxacin")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibit "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"prokaryotic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"topoisomerase II"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA gyrase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"topoisomerase IV"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibited "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutations ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"chromosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-encoded"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") in "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA gyrase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"topoisomerase IV")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cell"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," permeability")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"plasmid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-encoded"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," resistance)"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Disruption of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," integrity")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Nitroimidazoles"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Metronidazole")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tinidazole")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prodrug "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"6")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Free radical "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"formation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"single-strand"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," breaks in "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," molecules ")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"antiprotozoal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced activation due to decreased enzymatic activity"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"folic acid"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","synthesis and reduction")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfonamides"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and diaminopyrimidines"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Trimethoprim-sulfamethoxazole")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfadiazine"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"pyrimethamine")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfisozaxole")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prevent bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"tetrahydrofolate"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," formation ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"THF"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",{className:"_bubbleWrapper_3eps9_1"},React.createElement(ContentPictogramButton,{icon:"bubble-text",type:"button","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0})),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"→ "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA methylation")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Synergistic effect"))),React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfamethoxazole"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibits "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"THF")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Trimethoprim"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibits "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dihydrofolate reductase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DHFR"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},").")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"sulfamethoxazole"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"trimethoprim"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Overproduction of "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"para-aminobenzoate"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"PABA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Decreased uptake")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Structural changes on target enzymes (e.g.,"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dihydropteroate synthase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Antimycobacterial "))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"drugs")))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Rifamycins"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Rifampin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Rifabutin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Rifaximin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Block "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"mRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","synthesis via inhibition of bacterial"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-dependent"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"RNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-polymerase →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutated "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"RNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-polymerase →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ binding"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"rifamycins"))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Hydrazides"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Isoniazid")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prodrug")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibits "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"mycolic acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"synthesis"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutation causing "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"KatG"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ expression"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"catalase-peroxidase"))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Nicotinamides"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Pyrazinamide")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prodrug")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Not completely understood")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","(depending on concentration)")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutations in RpsA "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gene"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," coding for "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosomal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"S1"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement(ContentPictogramButton,{icon:"bubble-text","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0}))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ethylenediamine derivates"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ethambutol")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibits "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"arabinosyltransferase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutations in EmbCAB "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gene"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," coding for "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"arabinosyltransferase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","inability of the drug to inhibit the enzyme"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfones"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Dapsone")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Competitive "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"antagonism"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"para-aminobenzoic acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","→ inhibited dihydrofolic"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"acid")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutations in folP1 "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gene"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," coding for "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dihydropteroate "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"synthase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ expression"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dihydropteroate synthase"))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Nitrofurans"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Nitrofurantoin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prodrug")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosomes"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"RNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"7"))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"8")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," in higher concentrations")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzyme-mediated"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," reduction")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps")))))))));export const SmallerTable=()=>React.createElement(ContentTable,null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement("span",{id:"Z6518a6eace9346f1242c1f8f1b157efb",className:"anchor",tabIndex:-1},React.createElement("span",{className:"anchor-target"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Overview of antibiotics (shortened)")))))))))))),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Glycopeptides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Vancomycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacitracin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Teicoplanin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Telavancin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Dalbavancin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Oritavancin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"D-alanyl-D-"))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"alanine"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," section of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"precursor →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibited "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Epoxides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Fosfomycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inactivate enolpyruvate transferase"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"(MurA) →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"N-acetylmuramic acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"formation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," disruption of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"3")))))))));

package/build/esm/index.d.ts

@@ -104,5 +104,6 @@ export * from "./components/Content/ContentPictogramButton/ContentPictogramButto
 export * from "./components/Content/ContentText/ContentText";
 export * from "./components/Content/ContentList";
 export * from "./components/Content/ContentTable";
+export * from "./components/Content/ContentTableModal/ContentTableModal";
 export * from "./components/Content/DosageButton";
 export * from "./components/Content/ReferenceButton";