@amboss/design-system 3.42.3 → 3.43.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/build/cjs/components/Content/ContentTableModal/ContentTableModal.d.ts +16 -0
  2. package/build/cjs/components/Content/ContentTableModal/ContentTableModal.js +10 -0
  3. package/build/cjs/components/Content/ContentTableModal/ContentTableModal.mocks.d.ts +3 -0
  4. package/build/cjs/components/Content/ContentTableModal/ContentTableModal.mocks.js +1 -0
  5. package/build/cjs/components/NavBar/NavBar.d.ts +1 -0
  6. package/build/cjs/components/NavBar/NavBar.js +1 -1
  7. package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +2 -0
  8. package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -1
  9. package/build/cjs/components/NavBar/constants.d.ts +6 -0
  10. package/build/cjs/components/NavBar/constants.js +1 -1
  11. package/build/cjs/components/PromptInput/PromptInput.d.ts +2 -2
  12. package/build/cjs/components/PromptInput/PromptInput.js +1 -1
  13. package/build/cjs/components/PromptInput/PromptTextArea.d.ts +0 -6
  14. package/build/cjs/components/PromptInput/PromptTextArea.js +1 -1
  15. package/build/cjs/components/RoundButton/RoundButton.d.ts +4 -2
  16. package/build/cjs/components/RoundButton/RoundButton.js +1 -1
  17. package/build/cjs/components/Utilities/AnimatedBorder/useAnimatedBorder.d.ts +13 -0
  18. package/build/cjs/components/Utilities/AnimatedBorder/useAnimatedBorder.js +79 -0
  19. package/build/cjs/index.d.ts +2 -1
  20. package/build/cjs/index.js +1 -1
  21. package/build/cjs/web-tokens/visualConfig.d.ts +8 -0
  22. package/build/cjs/web-tokens/visualConfig.js +1 -1
  23. package/build/esm/components/Content/ContentTableModal/ContentTableModal.d.ts +16 -0
  24. package/build/esm/components/Content/ContentTableModal/ContentTableModal.js +10 -0
  25. package/build/esm/components/Content/ContentTableModal/ContentTableModal.mocks.d.ts +3 -0
  26. package/build/esm/components/Content/ContentTableModal/ContentTableModal.mocks.js +1 -0
  27. package/build/esm/components/NavBar/NavBar.d.ts +1 -0
  28. package/build/esm/components/NavBar/NavBar.js +1 -1
  29. package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +2 -0
  30. package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -1
  31. package/build/esm/components/NavBar/constants.d.ts +6 -0
  32. package/build/esm/components/NavBar/constants.js +1 -1
  33. package/build/esm/components/PromptInput/PromptInput.d.ts +2 -2
  34. package/build/esm/components/PromptInput/PromptInput.js +1 -1
  35. package/build/esm/components/PromptInput/PromptTextArea.d.ts +0 -6
  36. package/build/esm/components/PromptInput/PromptTextArea.js +1 -1
  37. package/build/esm/components/RoundButton/RoundButton.d.ts +4 -2
  38. package/build/esm/components/RoundButton/RoundButton.js +1 -1
  39. package/build/esm/components/Utilities/AnimatedBorder/useAnimatedBorder.d.ts +13 -0
  40. package/build/esm/components/Utilities/AnimatedBorder/useAnimatedBorder.js +79 -0
  41. package/build/esm/index.d.ts +2 -1
  42. package/build/esm/index.js +1 -1
  43. package/build/esm/web-tokens/visualConfig.d.ts +8 -0
  44. package/build/esm/web-tokens/visualConfig.js +1 -1
  45. package/build/scss/_variables.scss +7 -3
  46. package/package.json +1 -1
  47. package/build/cjs/components/Utilities/AnimatedBorder/AnimatedBorder.d.ts +0 -24
  48. package/build/cjs/components/Utilities/AnimatedBorder/AnimatedBorder.js +0 -4
  49. package/build/esm/components/Utilities/AnimatedBorder/AnimatedBorder.d.ts +0 -24
  50. package/build/esm/components/Utilities/AnimatedBorder/AnimatedBorder.js +0 -4
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get SmallerTable(){return SmallerTable},get WideTable(){return WideTable}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_ContentText=require("../ContentText/ContentText"),_ContentLink=require("../ContentLink/ContentLink"),_ContentList=require("../ContentList/ContentList"),_ContentPictogramButton=require("../ContentPictogramButton/ContentPictogramButton"),_ContentTable=require("../ContentTable/ContentTable"),_ReferenceButton=require("../ReferenceButton/ReferenceButton"),WideTable=()=>_react.default.createElement(_ContentTable.ContentTable,null,_react.default.createElement("thead",null,_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement("span",{id:"Z6518a6eace9346f1242c1f8f1b157efb",className:"anchor",tabIndex:-1},_react.default.createElement("span",{className:"anchor-target"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"Overview of antibiotics")))))))))))),_react.default.createElement("tbody",null,_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"Antibacterial classes"))))))),_react.default.createElement("th",{colSpan:1,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"Examples"))))))),_react.default.createElement("th",{colSpan:1,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"Mechanism of action"))))))),_react.default.createElement("th",{colSpan:1,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"Bacteriostatic"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"/"))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"bactericidal"))))))))),_react.default.createElement("th",{colSpan:1,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"Mechanisms of resistance")))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"Inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"cell wall"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"}," synthesis")))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:1,rowSpan:4},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"β-lactams"))))))))),_react.default.createElement("th",{colSpan:1,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Penicillins"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Natural "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"penicillins"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"penicillin"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," G"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"penicillin"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," V"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Anti-staphylococcal"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," penicillins"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (e.g., "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"oxacillin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"nafcillin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"dicloxacillin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Aminopenicillin"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"s"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"amoxicillin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ampicillin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Antipseudomonal penicillins"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (e.g., "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"piperacillin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ticarcillin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))))),_react.default.createElement("td",{colSpan:1,rowSpan:4},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bind to "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"penicillin"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-binding"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," proteins"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"PBPs"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},") →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ crosslinking"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidoglycan"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," layer")))))),_react.default.createElement("td",{colSpan:1,rowSpan:4},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Cleavage of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"β-lactam"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ring by "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"β-lactamases"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"penicillinases"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"PBP"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," mutations"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (e.g., "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"MRSA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:1,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Cephalosporins"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"1"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("sup",null,"st")))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," generation"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (e.g., "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cephalexin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"2"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("sup",null,"nd")))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," generation"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (e.g., "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cefaclor"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"3"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("sup",null,"rd")))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," generation"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (e.g., "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cefixime"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"4"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("sup",null,"th")))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," generation"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (e.g., "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cefepime"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"5"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("sup",null,"th")))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," generation"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ceftaroline"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Cleavage of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"β-lactam"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ring by "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"β-lactamases"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (cephalosporinases)")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"PBP"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," mutations"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:1,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Carbapenems"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Imipenem")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Meropenem")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Ertapenem")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Doripenem")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Cleavage of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"β-lactam"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ring by "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"β-lactamases"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (carbapenemases)"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:1,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Monobactams"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Aztreonam")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Cleavage by "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"β-lactamases"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","(less suceptible than other"," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"\xdf-lactams"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Glycopeptides"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Vancomycin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacitracin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Teicoplanin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Telavancin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Dalbavancin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Oritavancin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bind to "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"D-alanyl-D-"))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"alanine"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," section of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidoglycan"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"precursor →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"inhibited "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidoglycan"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," against "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",{className:"_italic_1d3u9_1 _nowrap_1d3u9_5"},_react.default.createElement(_ContentText.ContentText,{as:"span"},"C. difficile")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Reduced penetration in "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"gram-negative"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," bacteria")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Change in "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidoglycan"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," precursor structure"))),_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"D-alanyl-D-"))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"alanine"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"D-alanyl-D-"))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"lactate")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Glycopeptides"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","do not bind to the altered precursor."))))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Epoxides"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Fosfomycin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inactivate enolpyruvate transferase"," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"(MurA) →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"N-acetylmuramic acid"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"formation →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," disruption of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidoglycan"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ReferenceButton.ReferenceButton,null,_react.default.createElement("span",null,"3")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Reduced penetration")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Enzyme "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"gene"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," overexpression")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Enzymatic inactivation"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Disruption of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cell membrane"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," integrity")))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Lipopeptides"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Daptomycin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Lipid portion binds to "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"bacterial cytoplasmic"," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"membrane"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"formation of "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ion-conducting"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"channels →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," intracellular "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"K"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("sup",null,"+")))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," efflux →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," bacterial "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cell membrane"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"depolarization")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Not fully understood")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Altered "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cell membrane"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," potential"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Polymyxins"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Polymyxin E"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"colistin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Polymyxin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," B")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Cationic "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"detergents"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"polypeptides"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},") bind to outer "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cell membrane"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (phospholipids on "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"gram-negative"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"bacteria"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},") →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↑ permeability"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"→ bacterial"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," lysis")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bind to and inhibit "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"lipopolysaccharides"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ effect"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of bacterial "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"endotoxins")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Not fully understood")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Altered "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"lipid A"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," portion of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"lipopolysaccharides"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (LPSs)")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Efflux pumps"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein synthesis"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," - "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"30S ribosomal subunit")))))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Aminoglycosides"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Gentamicin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Amikacin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Tobramycin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Streptomycin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Neomycin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inhibit "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"initiation "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"complex"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," protein mistranslation")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inactivating enzymes (via e.g.,"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"acetylation"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"phosphorylation"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"adenylation"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Removal by "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"efflux pumps")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutation of the bacterial"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ribosome"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," binding site")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Reduced penetration")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Anaerobic bacteria")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Acidic environment"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Tetracyclines"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Tetracycline")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Doxycycline")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Minocycline")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Eravacycline")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Sarecycline")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Omadacycline")))))),_react.default.createElement("td",{colSpan:1,rowSpan:2},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Block incoming "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"aminoacyl-tRNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," with "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"amino acids"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:2},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Reduced "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cell wall"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," penetration")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Removal by "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"efflux pumps"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"plasmid"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-encoded"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Production of a protein that protects"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ribosome"))))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Glycylcyclines"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","(tetracyclin derivative)"))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Tigecycline")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Designed to overcome the resistance of"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"tetracycline"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (e.g., "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"efflux pumps"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ribosomal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," protection) "))),_react.default.createElement("span",null,_react.default.createElement(_ReferenceButton.ReferenceButton,null,_react.default.createElement("span",null,"4"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein synthesis"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," - "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"50S ribosomal subunit")))))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Macrolides"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and ketolides"))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Erythromycin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Clarithromycin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Azithromycin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bind to "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"23S "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"rRNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","inhibition of transpeptidation, translocation, and chain"," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"elongation →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Reduced penetration")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Efflux pumps")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Methylation"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of 23S "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"rRNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," binding site (of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"50S subunit"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},") → inhibits binding of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"macrolides")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Cross-resistance"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," with "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"clindamycin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and streptogramins")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutation of bacterial "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ribosome"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," binding site"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Lincosamides"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Clindamycin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Impair "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"transpeptidation →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," inhibition of chain "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"elongation →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Increase "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"opsonization"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"phagocytosis")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inhibit "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"alpha toxin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," expression")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Reduced penetration")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutation of bacterial "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ribosome"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," binding site"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Streptogramins"))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Quinupristin-dalfopristin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Dalfopristin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," binds to "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"23S portion"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of the "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"50S subunit"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," conformation "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"change →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","facilitation of binding of"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"quinupristin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Quinupristin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," binds to and blocks "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"50S subunit"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"polypeptide"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"elongation →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ReferenceButton.ReferenceButton,null,_react.default.createElement("span",{className:"css-3snuad-StyledContent eociiq20"},"5")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," when used in combination")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," when used separately")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Alteration of bacterial "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ribosome"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," binding site")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Enzyme-mediated"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"methylation")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Efflux pumps"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Oxazolidinones"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Linezolid")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Prevent association of 50S with"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"30S subunit"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"23S "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"RNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")→ impairment of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"initiation complex"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","formation → early interruption of"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein synthesis")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Only "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"bactericidal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," against "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",{className:"_italic_1d3u9_1"},_react.default.createElement(_ContentText.ContentText,{as:"span"},"Streptococci")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Point mutation"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of the "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"23S "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"rRNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",{className:"_bubbleWrapper_3eps9_1"},_react.default.createElement(_ContentPictogramButton.ContentPictogramButton,{icon:"bubble-text",type:"button","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0})))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Amphenicols"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Chloramphenicol")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Prevent binding of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"amino "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"acid"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-containing"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"aminoacyl-tRNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidyltransferase"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"→"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," in higher concentrations")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Reduced penetration")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Enzymatic inactivation by"," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"acetyltransferase"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"plasmid"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-encoded"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA gyrase"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," inhibition")))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Fluoroquinolones"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Norfloxacin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Moxifloxacin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Gemifloxacin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Ciprofloxacin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Ofloxacin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Levofloxacin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Enoxacin")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inhibit "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"prokaryotic"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"topoisomerase II"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA gyrase"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},") and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"topoisomerase IV"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," inhibited "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA synthesis")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutations ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"chromosome"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-encoded"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},") in "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA gyrase"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"topoisomerase IV")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Cell"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," wall"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," permeability")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Efflux pumps"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"plasmid"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-encoded"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," resistance)"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Disruption of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," integrity")))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Nitroimidazoles"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Metronidazole")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Tinidazole")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Prodrug "))),_react.default.createElement("span",null,_react.default.createElement(_ReferenceButton.ReferenceButton,null,_react.default.createElement("span",null,"6")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Free radical "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"formation"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"single-strand"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," breaks in "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," molecules ")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," (and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"antiprotozoal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Reduced activation due to decreased enzymatic activity"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"folic acid"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","synthesis and reduction")))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Sulfonamides"))))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and diaminopyrimidines"))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Trimethoprim-sulfamethoxazole")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Sulfadiazine"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"pyrimethamine")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Sulfisozaxole")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Prevent bacterial "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"tetrahydrofolate"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," formation ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"THF"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",{className:"_bubbleWrapper_3eps9_1"},_react.default.createElement(_ContentPictogramButton.ContentPictogramButton,{icon:"bubble-text",type:"button","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0})),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"→ "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA methylation")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Synergistic effect"))),_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Sulfamethoxazole"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," inhibits "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"THF")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Trimethoprim"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," inhibits "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"dihydrofolate reductase"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DHFR"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},").")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"sulfamethoxazole"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"trimethoprim"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Overproduction of "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"para-aminobenzoate"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"PABA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Decreased uptake")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Structural changes on target enzymes (e.g.,"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"dihydropteroate synthase"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},")")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Efflux pumps"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Antimycobacterial "))),_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"drugs")))))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Rifamycins"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Rifampin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Rifabutin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Rifaximin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Block "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"mRNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","synthesis via inhibition of bacterial"," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-dependent"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"RNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-polymerase →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein synthesis")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutated "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"RNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"-polymerase →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ binding"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"rifamycins"))))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Hydrazides"))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Isoniazid")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Prodrug")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inhibits "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"mycolic acid"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"synthesis"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cell wall"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutation causing "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"KatG"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ expression"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"catalase-peroxidase"))))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Nicotinamides"))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Pyrazinamide")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Prodrug")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Not completely understood")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"bactericidal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","(depending on concentration)")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutations in RpsA "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"gene"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," coding for "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ribosomal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"S1"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement(_ContentPictogramButton.ContentPictogramButton,{icon:"bubble-text","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0}))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Ethylenediamine derivates"))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Ethambutol")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inhibits "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"arabinosyltransferase"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cell wall"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutations in EmbCAB "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"gene"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," coding for "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"arabinosyltransferase"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","inability of the drug to inhibit the enzyme"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Sulfones"))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Dapsone")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Competitive "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"antagonism"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"para-aminobenzoic acid"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ","→ inhibited dihydrofolic"," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"acid")))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"bactericidal")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Mutations in folP1 "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"gene"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," coding for "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"dihydropteroate "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"synthase"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"↓ expression"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"dihydropteroate synthase"))))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Nitrofurans"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Nitrofurantoin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Prodrug")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bind to bacterial "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"ribosomes"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"DNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"RNA"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},", ("))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"cell wall"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},") and "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"protein synthesis"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ReferenceButton.ReferenceButton,null,_react.default.createElement("span",null,"7"))),_react.default.createElement("span",null,_react.default.createElement(_ReferenceButton.ReferenceButton,null,_react.default.createElement("span",null,"8")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacteriostatic")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bactericidal"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," in higher concentrations")))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Enzyme-mediated"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," reduction")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Efflux pumps"))))))))),SmallerTable=()=>_react.default.createElement(_ContentTable.ContentTable,null,_react.default.createElement("thead",null,_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:6,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement("span",{id:"Z6518a6eace9346f1242c1f8f1b157efb",className:"anchor",tabIndex:-1},_react.default.createElement("span",{className:"anchor-target"},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{weight:"bold"},"Overview of antibiotics (shortened)")))))))))))),_react.default.createElement("tbody",null,_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Glycopeptides"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Vancomycin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bacitracin"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," ")))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Teicoplanin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Telavancin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Dalbavancin")))))),_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Oritavancin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Bind to "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"D-alanyl-D-"))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"alanine"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," section of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidoglycan"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"precursor →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"inhibited "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidoglycan"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis"))))))),_react.default.createElement("tr",null,_react.default.createElement("th",{colSpan:2,rowSpan:1},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("div",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Epoxides"))))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Fosfomycin")))))))),_react.default.createElement("td",{colSpan:1,rowSpan:1},_react.default.createElement(_ContentList.ContentList,null,_react.default.createElement("li",null,_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"Inactivate enolpyruvate transferase"," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"(MurA) →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"inhibition of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"N-acetylmuramic acid"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"formation →"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," disruption of "))),_react.default.createElement("span",null,_react.default.createElement(_ContentLink.ContentLink,{color:"primary",isSpacedOut:!0},_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"},"peptidoglycan"))))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," synthesis"))),_react.default.createElement("span",null,_react.default.createElement("span",null,_react.default.createElement(_ContentText.ContentText,{as:"span"}," "))),_react.default.createElement("span",null,_react.default.createElement(_ReferenceButton.ReferenceButton,null,_react.default.createElement("span",null,"3")))))))));
@@ -13,6 +13,7 @@ export declare namespace NavBar {
13
13
  label: string;
14
14
  isActive?: boolean;
15
15
  as?: React.ElementType;
16
+ to?: string;
16
17
  } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & React.RefAttributes<HTMLAnchorElement>>;
17
18
  var SubMenuContainer: React.ForwardRefExoticComponent<{
18
19
  "data-e2e-test-id"?: string;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NavBar",{enumerable:!0,get:function(){return NavBar}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_NavBarSubMenuContainer=require("./NavBarSubMenuContainer"),_NavBarDropdownTriggerButton=require("./NavBarDropdownTriggerButton"),_NavBarSearchInput=require("./NavBarSearchInput"),_NavBarOverlayBar=require("./NavBarOverlayBar"),_NavBarPrimaryNav=require("./NavBarPrimaryNav"),_NavBarPrimaryNavLinkItem=require("./NavBarPrimaryNavLinkItem"),_NavBarSecondaryNav=require("./NavBarSecondaryNav"),_NavBarContext=require("./NavBarContext"),_types=require("./types"),_useKeyboard=require("../../shared/useKeyboard"),CustomBorderContainer=(0,_styled.default)(_NavBarSubMenuContainer.StyledBorderContainer,{target:"ekhnzl10",label:"CustomBorderContainer"})({position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgTmF2QmFyU3ViTWVudUNvbnRhaW5lcixcbiAgU3R5bGVkQm9yZGVyQ29udGFpbmVyLFxufSBmcm9tIFwiLi9OYXZCYXJTdWJNZW51Q29udGFpbmVyXCI7XG5pbXBvcnQgeyBOYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b24gfSBmcm9tIFwiLi9OYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b25cIjtcbmltcG9ydCB7IE5hdkJhclNlYXJjaElucHV0IH0gZnJvbSBcIi4vTmF2QmFyU2VhcmNoSW5wdXRcIjtcbmltcG9ydCB7IE5hdkJhck92ZXJsYXlCYXIgfSBmcm9tIFwiLi9OYXZCYXJPdmVybGF5QmFyXCI7XG5pbXBvcnQgeyBQcmltYXJ5TmF2Q29udGFpbmVyLCBQcmltYXJ5TmF2IH0gZnJvbSBcIi4vTmF2QmFyUHJpbWFyeU5hdlwiO1xuaW1wb3J0IHsgUHJpbWFyeU5hdkxpbmtJdGVtIH0gZnJvbSBcIi4vTmF2QmFyUHJpbWFyeU5hdkxpbmtJdGVtXCI7XG5pbXBvcnQgeyBTZWNvbmRhcnlOYXYgfSBmcm9tIFwiLi9OYXZCYXJTZWNvbmRhcnlOYXZcIjtcbmltcG9ydCB7IE5hdkJhckNvbnRleHQgfSBmcm9tIFwiLi9OYXZCYXJDb250ZXh0XCI7XG5pbXBvcnQgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VLZXlib2FyZFwiO1xuXG5jb25zdCBDdXN0b21Cb3JkZXJDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxudHlwZSBOYXZCYXJQcm9wcyA9IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPHtcbiAgc3ViVGhlbWU6IE5hdkJhck5hbWU7XG4gIGlzQ29tcGFjdDogYm9vbGVhbjtcbn0+O1xuXG5jb25zdCBmb2N1c05hdkl0ZW0gPSAoXG4gIG5hdjogSFRNTEVsZW1lbnQgfCBudWxsLFxuICBkaXJlY3Rpb246IFwibmV4dFwiIHwgXCJwcmV2XCJcbik6IHZvaWQgPT4ge1xuICBpZiAoIW5hdikgcmV0dXJuO1xuXG4gIGNvbnN0IGl0ZW1zID0gQXJyYXkuZnJvbShuYXYucXVlcnlTZWxlY3RvckFsbDxIVE1MRWxlbWVudD4oXCJbdGFiaW5kZXhdXCIpKTtcbiAgaWYgKGl0ZW1zLmxlbmd0aCA9PT0gMCkgcmV0dXJuO1xuXG4gIGNvbnN0IGN1cnJlbnRJbmRleCA9IGl0ZW1zLmluZGV4T2YoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XG4gIGlmIChjdXJyZW50SW5kZXggPT09IC0xKSByZXR1cm47XG5cbiAgY29uc3QgbmV4dEluZGV4ID0gZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IGN1cnJlbnRJbmRleCArIDEgOiBjdXJyZW50SW5kZXggLSAxO1xuXG4gIGlmIChuZXh0SW5kZXggPCAwIHx8IG5leHRJbmRleCA+PSBpdGVtcy5sZW5ndGgpIHJldHVybjtcblxuICBpdGVtc1tjdXJyZW50SW5kZXhdLnNldEF0dHJpYnV0ZShcInRhYmluZGV4XCIsIFwiLTFcIik7XG4gIGl0ZW1zW25leHRJbmRleF0uc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgXCIwXCIpO1xuICBpdGVtc1tuZXh0SW5kZXhdLmZvY3VzKCk7XG59O1xuXG5jb25zdCBmb2N1c1RhYmJhYmxlSXRlbSA9IChuYXY6IEhUTUxFbGVtZW50IHwgbnVsbCk6IHZvaWQgPT4ge1xuICBuYXY/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFwiW3RhYmluZGV4PScwJ11cIik/LmZvY3VzKCk7XG59O1xuXG5jb25zdCByZXNldFRhYkluZGV4ID0gKG5hdjogSFRNTEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgY29uc3QgaXRlbXMgPSBBcnJheS5mcm9tKG5hdi5xdWVyeVNlbGVjdG9yQWxsPEhUTUxFbGVtZW50PihcIlt0YWJpbmRleF1cIikpO1xuICBjb25zdCBhY3RpdmVJdGVtID0gbmF2LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFwiW2FyaWEtY3VycmVudD0ncGFnZSddXCIpO1xuICBjb25zdCB0YXJnZXQgPSBhY3RpdmVJdGVtID8/IGl0ZW1zWzBdO1xuXG4gIGZvciAoY29uc3QgaXRlbSBvZiBpdGVtcykge1xuICAgIGl0ZW0uc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgaXRlbSA9PT0gdGFyZ2V0ID8gXCIwXCIgOiBcIi0xXCIpO1xuICB9XG59O1xuXG5jb25zdCB1c2VSZXNldFRhYkluZGV4T25CbHVyID0gKFxuICBuYXZSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IG51bGw+XG4pOiB2b2lkID0+IHtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBuYXYgPSBuYXZSZWYuY3VycmVudDtcbiAgICBpZiAoIW5hdikgcmV0dXJuIHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzT3V0ID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmICghbmF2LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgICByZXNldFRhYkluZGV4KG5hdik7XG4gICAgICB9XG4gICAgfTtcblxuICAgIG5hdi5hZGRFdmVudExpc3RlbmVyKFwiZm9jdXNvdXRcIiwgaGFuZGxlRm9jdXNPdXQpO1xuICAgIHJldHVybiAoKSA9PiBuYXYucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImZvY3Vzb3V0XCIsIGhhbmRsZUZvY3VzT3V0KTtcbiAgfSwgW25hdlJlZl0pO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5hdkJhcih7XG4gIGNoaWxkcmVuLFxuICBzdWJUaGVtZSA9IE5hdkJhck5hbWUuVW5zZXQsXG4gIGlzQ29tcGFjdCA9IGZhbHNlLFxufTogTmF2QmFyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwcmltYXJ5TmF2UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgc2Vjb25kYXJ5TmF2UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7IHN1YlRoZW1lLCBpc0NvbXBhY3QsIHByaW1hcnlOYXZSZWYsIHNlY29uZGFyeU5hdlJlZiB9KSxcbiAgICBbc3ViVGhlbWUsIGlzQ29tcGFjdF1cbiAgKTtcblxuICB1c2VSZXNldFRhYkluZGV4T25CbHVyKHByaW1hcnlOYXZSZWYpO1xuICB1c2VSZXNldFRhYkluZGV4T25CbHVyKHNlY29uZGFyeU5hdlJlZik7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dSaWdodDogKCkgPT4gZm9jdXNOYXZJdGVtKHByaW1hcnlOYXZSZWYuY3VycmVudCwgXCJuZXh0XCIpLFxuICAgICAgQXJyb3dMZWZ0OiAoKSA9PiBmb2N1c05hdkl0ZW0ocHJpbWFyeU5hdlJlZi5jdXJyZW50LCBcInByZXZcIiksXG4gICAgfSxcbiAgICBwcmltYXJ5TmF2UmVmLFxuICAgIHRydWVcbiAgKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7IEFycm93RG93bjogKCkgPT4gZm9jdXNUYWJiYWJsZUl0ZW0oc2Vjb25kYXJ5TmF2UmVmLmN1cnJlbnQpIH0sXG4gICAgcHJpbWFyeU5hdlJlZixcbiAgICAhaXNDb21wYWN0XG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dSaWdodDogKCkgPT4gZm9jdXNOYXZJdGVtKHNlY29uZGFyeU5hdlJlZi5jdXJyZW50LCBcIm5leHRcIiksXG4gICAgICBBcnJvd0xlZnQ6ICgpID0+IGZvY3VzTmF2SXRlbShzZWNvbmRhcnlOYXZSZWYuY3VycmVudCwgXCJwcmV2XCIpLFxuICAgICAgQXJyb3dVcDogKCkgPT4gZm9jdXNUYWJiYWJsZUl0ZW0ocHJpbWFyeU5hdlJlZi5jdXJyZW50KSxcbiAgICB9LFxuICAgIHNlY29uZGFyeU5hdlJlZixcbiAgICAhaXNDb21wYWN0XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8TmF2QmFyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxDdXN0b21Cb3JkZXJDb250YWluZXI+e2NoaWxkcmVufTwvQ3VzdG9tQm9yZGVyQ29udGFpbmVyPlxuICAgIDwvTmF2QmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cblxuTmF2QmFyLlByaW1hcnlOYXZDb250YWluZXIgPSBQcmltYXJ5TmF2Q29udGFpbmVyO1xuTmF2QmFyLlByaW1hcnlOYXYgPSBQcmltYXJ5TmF2O1xuTmF2QmFyLlByaW1hcnlOYXZJdGVtID0gUHJpbWFyeU5hdkxpbmtJdGVtO1xuTmF2QmFyLlN1Yk1lbnVDb250YWluZXIgPSBOYXZCYXJTdWJNZW51Q29udGFpbmVyO1xuTmF2QmFyLk92ZXJsYXlCYXIgPSBOYXZCYXJPdmVybGF5QmFyO1xuTmF2QmFyLlNlY29uZGFyeU5hdiA9IFNlY29uZGFyeU5hdjtcbk5hdkJhci5Ecm9wZG93blRyaWdnZXJCdXR0b24gPSBOYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b247XG5OYXZCYXIuU2VhcmNoSW5wdXQgPSBOYXZCYXJTZWFyY2hJbnB1dDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIn0= */"),focusNavItem=(nav,direction)=>{if(!nav)return;let items=Array.from(nav.querySelectorAll("[tabindex]"));if(0===items.length)return;let currentIndex=items.indexOf(document.activeElement);if(-1===currentIndex)return;let nextIndex="next"===direction?currentIndex+1:currentIndex-1;nextIndex<0||nextIndex>=items.length||(items[currentIndex].setAttribute("tabindex","-1"),items[nextIndex].setAttribute("tabindex","0"),items[nextIndex].focus())},focusTabbableItem=nav=>{nav?.querySelector("[tabindex='0']")?.focus()},resetTabIndex=nav=>{let items=Array.from(nav.querySelectorAll("[tabindex]")),target=nav.querySelector("[aria-current='page']")??items[0];for(let item of items)item.setAttribute("tabindex",item===target?"0":"-1")},useResetTabIndexOnBlur=navRef=>{(0,_react.useEffect)(()=>{let nav=navRef.current;if(!nav)return;let handleFocusOut=e=>{nav.contains(e.relatedTarget)||resetTabIndex(nav)};return nav.addEventListener("focusout",handleFocusOut),()=>nav.removeEventListener("focusout",handleFocusOut)},[navRef])};function NavBar({children,subTheme=_types.NavBarName.Unset,isCompact=!1}){let primaryNavRef=(0,_react.useRef)(null),secondaryNavRef=(0,_react.useRef)(null),contextValue=(0,_react.useMemo)(()=>({subTheme,isCompact,primaryNavRef,secondaryNavRef}),[subTheme,isCompact]);return useResetTabIndexOnBlur(primaryNavRef),useResetTabIndexOnBlur(secondaryNavRef),(0,_useKeyboard.useKeyboard)({ArrowRight:()=>focusNavItem(primaryNavRef.current,"next"),ArrowLeft:()=>focusNavItem(primaryNavRef.current,"prev")},primaryNavRef,!0),(0,_useKeyboard.useKeyboard)({ArrowDown:()=>focusTabbableItem(secondaryNavRef.current)},primaryNavRef,!isCompact),(0,_useKeyboard.useKeyboard)({ArrowRight:()=>focusNavItem(secondaryNavRef.current,"next"),ArrowLeft:()=>focusNavItem(secondaryNavRef.current,"prev"),ArrowUp:()=>focusTabbableItem(primaryNavRef.current)},secondaryNavRef,!isCompact),_react.default.createElement(_NavBarContext.NavBarContext.Provider,{value:contextValue},_react.default.createElement(CustomBorderContainer,null,children))}NavBar.PrimaryNavContainer=_NavBarPrimaryNav.PrimaryNavContainer,NavBar.PrimaryNav=_NavBarPrimaryNav.PrimaryNav,NavBar.PrimaryNavItem=_NavBarPrimaryNavLinkItem.PrimaryNavLinkItem,NavBar.SubMenuContainer=_NavBarSubMenuContainer.NavBarSubMenuContainer,NavBar.OverlayBar=_NavBarOverlayBar.NavBarOverlayBar,NavBar.SecondaryNav=_NavBarSecondaryNav.SecondaryNav,NavBar.DropdownTriggerButton=_NavBarDropdownTriggerButton.NavBarDropdownTriggerButton,NavBar.SearchInput=_NavBarSearchInput.NavBarSearchInput;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NavBar",{enumerable:!0,get:function(){return NavBar}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_NavBarSubMenuContainer=require("./NavBarSubMenuContainer"),_NavBarDropdownTriggerButton=require("./NavBarDropdownTriggerButton"),_NavBarSearchInput=require("./NavBarSearchInput"),_NavBarOverlayBar=require("./NavBarOverlayBar"),_NavBarPrimaryNav=require("./NavBarPrimaryNav"),_NavBarPrimaryNavLinkItem=require("./NavBarPrimaryNavLinkItem"),_NavBarSecondaryNav=require("./NavBarSecondaryNav"),_NavBarContext=require("./NavBarContext"),_types=require("./types"),_constants=require("./constants"),_useKeyboard=require("../../shared/useKeyboard"),CustomBorderContainer=(0,_styled.default)(_NavBarSubMenuContainer.StyledBorderContainer,{target:"e1c296f0",label:"CustomBorderContainer"})({position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgTmF2QmFyU3ViTWVudUNvbnRhaW5lcixcbiAgU3R5bGVkQm9yZGVyQ29udGFpbmVyLFxufSBmcm9tIFwiLi9OYXZCYXJTdWJNZW51Q29udGFpbmVyXCI7XG5pbXBvcnQgeyBOYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b24gfSBmcm9tIFwiLi9OYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b25cIjtcbmltcG9ydCB7IE5hdkJhclNlYXJjaElucHV0IH0gZnJvbSBcIi4vTmF2QmFyU2VhcmNoSW5wdXRcIjtcbmltcG9ydCB7IE5hdkJhck92ZXJsYXlCYXIgfSBmcm9tIFwiLi9OYXZCYXJPdmVybGF5QmFyXCI7XG5pbXBvcnQgeyBQcmltYXJ5TmF2Q29udGFpbmVyLCBQcmltYXJ5TmF2IH0gZnJvbSBcIi4vTmF2QmFyUHJpbWFyeU5hdlwiO1xuaW1wb3J0IHsgUHJpbWFyeU5hdkxpbmtJdGVtIH0gZnJvbSBcIi4vTmF2QmFyUHJpbWFyeU5hdkxpbmtJdGVtXCI7XG5pbXBvcnQgeyBTZWNvbmRhcnlOYXYgfSBmcm9tIFwiLi9OYXZCYXJTZWNvbmRhcnlOYXZcIjtcbmltcG9ydCB7IE5hdkJhckNvbnRleHQgfSBmcm9tIFwiLi9OYXZCYXJDb250ZXh0XCI7XG5pbXBvcnQgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRSQU5TSVRJT05JTkdfREFUQVNFVF9LRVkgfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VLZXlib2FyZFwiO1xuXG5jb25zdCBDdXN0b21Cb3JkZXJDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxudHlwZSBOYXZCYXJQcm9wcyA9IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPHtcbiAgc3ViVGhlbWU6IE5hdkJhck5hbWU7XG4gIGlzQ29tcGFjdDogYm9vbGVhbjtcbn0+O1xuXG5jb25zdCBmb2N1c05hdkl0ZW0gPSAoXG4gIG5hdjogSFRNTEVsZW1lbnQgfCBudWxsLFxuICBkaXJlY3Rpb246IFwibmV4dFwiIHwgXCJwcmV2XCJcbik6IHZvaWQgPT4ge1xuICBpZiAoIW5hdikgcmV0dXJuO1xuXG4gIGNvbnN0IGl0ZW1zID0gQXJyYXkuZnJvbShuYXYucXVlcnlTZWxlY3RvckFsbDxIVE1MRWxlbWVudD4oXCJbdGFiaW5kZXhdXCIpKTtcbiAgaWYgKGl0ZW1zLmxlbmd0aCA9PT0gMCkgcmV0dXJuO1xuXG4gIGNvbnN0IGN1cnJlbnRJbmRleCA9IGl0ZW1zLmluZGV4T2YoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XG4gIGlmIChjdXJyZW50SW5kZXggPT09IC0xKSByZXR1cm47XG5cbiAgY29uc3QgbmV4dEluZGV4ID0gZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IGN1cnJlbnRJbmRleCArIDEgOiBjdXJyZW50SW5kZXggLSAxO1xuXG4gIGlmIChuZXh0SW5kZXggPCAwIHx8IG5leHRJbmRleCA+PSBpdGVtcy5sZW5ndGgpIHJldHVybjtcblxuICBpdGVtc1tjdXJyZW50SW5kZXhdLnNldEF0dHJpYnV0ZShcInRhYmluZGV4XCIsIFwiLTFcIik7XG4gIGl0ZW1zW25leHRJbmRleF0uc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgXCIwXCIpO1xuICBpdGVtc1tuZXh0SW5kZXhdLmZvY3VzKCk7XG59O1xuXG5jb25zdCBmb2N1c1RhYmJhYmxlSXRlbSA9IChuYXY6IEhUTUxFbGVtZW50IHwgbnVsbCk6IHZvaWQgPT4ge1xuICBuYXY/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFwiW3RhYmluZGV4PScwJ11cIik/LmZvY3VzKCk7XG59O1xuXG5jb25zdCByZXNldFRhYkluZGV4ID0gKG5hdjogSFRNTEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgY29uc3QgaXRlbXMgPSBBcnJheS5mcm9tKG5hdi5xdWVyeVNlbGVjdG9yQWxsPEhUTUxFbGVtZW50PihcIlt0YWJpbmRleF1cIikpO1xuICBjb25zdCBhY3RpdmVJdGVtID0gbmF2LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFwiW2FyaWEtY3VycmVudD0ncGFnZSddXCIpO1xuICBjb25zdCB0YXJnZXQgPSBhY3RpdmVJdGVtID8/IGl0ZW1zWzBdO1xuXG4gIGZvciAoY29uc3QgaXRlbSBvZiBpdGVtcykge1xuICAgIGl0ZW0uc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgaXRlbSA9PT0gdGFyZ2V0ID8gXCIwXCIgOiBcIi0xXCIpO1xuICB9XG59O1xuXG5jb25zdCB1c2VSZXNldFRhYkluZGV4T25CbHVyID0gKFxuICBuYXZSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IG51bGw+XG4pOiB2b2lkID0+IHtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBuYXYgPSBuYXZSZWYuY3VycmVudDtcbiAgICBpZiAoIW5hdikgcmV0dXJuIHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzT3V0ID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmICghbmF2LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgICByZXNldFRhYkluZGV4KG5hdik7XG4gICAgICB9XG4gICAgfTtcblxuICAgIG5hdi5hZGRFdmVudExpc3RlbmVyKFwiZm9jdXNvdXRcIiwgaGFuZGxlRm9jdXNPdXQpO1xuICAgIHJldHVybiAoKSA9PiBuYXYucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImZvY3Vzb3V0XCIsIGhhbmRsZUZvY3VzT3V0KTtcbiAgfSwgW25hdlJlZl0pO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5hdkJhcih7XG4gIGNoaWxkcmVuLFxuICBzdWJUaGVtZSA9IE5hdkJhck5hbWUuVW5zZXQsXG4gIGlzQ29tcGFjdCA9IGZhbHNlLFxufTogTmF2QmFyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwcmltYXJ5TmF2UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgc2Vjb25kYXJ5TmF2UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcblxuICBjb25zdCByb290UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgcHJldkNvbXBhY3RSZWYgPSB1c2VSZWYoaXNDb21wYWN0KTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7IHN1YlRoZW1lLCBpc0NvbXBhY3QsIHByaW1hcnlOYXZSZWYsIHNlY29uZGFyeU5hdlJlZiB9KSxcbiAgICBbc3ViVGhlbWUsIGlzQ29tcGFjdF1cbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gcm9vdFJlZi5jdXJyZW50O1xuICAgIGlmICghZWwgfHwgcHJldkNvbXBhY3RSZWYuY3VycmVudCA9PT0gaXNDb21wYWN0KSByZXR1cm4gdW5kZWZpbmVkO1xuICAgIHByZXZDb21wYWN0UmVmLmN1cnJlbnQgPSBpc0NvbXBhY3Q7XG4gICAgZWwuZGF0YXNldFtUUkFOU0lUSU9OSU5HX0RBVEFTRVRfS0VZXSA9IFwiXCI7XG5cbiAgICAvLyBSZW1vdmUgdGhlIGZsYWcgd2hlbiB0aGUgdHJhbnNpdGlvbiBjb21wbGV0ZXMuIFRoZSBDU1Mgc3BlYyBzdGF0ZXMgYW5cbiAgICAvLyBpbi1mbGlnaHQgdHJhbnNpdGlvbiBjb250aW51ZXMgdW5hZmZlY3RlZCB3aGVuIHRyYW5zaXRpb24tZHVyYXRpb25cbiAgICAvLyBjaGFuZ2VzIHRvIDAgbWlkLXRyYW5zaXRpb24sIHNvIHRoZSBhbmltYXRpb24gZmluaXNoZXMgY29ycmVjdGx5IGV2ZW5cbiAgICAvLyB0aG91Z2ggdGhlIHNlbGVjdG9yIGBbZGF0YS10cmFuc2l0aW9uaW5nXSAuLi5gIHN0b3BzIG1hdGNoaW5nLlxuICAgIGNvbnN0IGhhbmRsZUVuZCA9ICgpID0+IHtcbiAgICAgIGRlbGV0ZSBlbC5kYXRhc2V0W1RSQU5TSVRJT05JTkdfREFUQVNFVF9LRVldO1xuICAgIH07XG4gICAgZWwuYWRkRXZlbnRMaXN0ZW5lcihcInRyYW5zaXRpb25lbmRcIiwgaGFuZGxlRW5kLCB7IG9uY2U6IHRydWUgfSk7XG4gICAgcmV0dXJuICgpID0+IGVsLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJ0cmFuc2l0aW9uZW5kXCIsIGhhbmRsZUVuZCk7XG4gIH0sIFtpc0NvbXBhY3RdKTtcblxuICB1c2VSZXNldFRhYkluZGV4T25CbHVyKHByaW1hcnlOYXZSZWYpO1xuICB1c2VSZXNldFRhYkluZGV4T25CbHVyKHNlY29uZGFyeU5hdlJlZik7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dSaWdodDogKCkgPT4gZm9jdXNOYXZJdGVtKHByaW1hcnlOYXZSZWYuY3VycmVudCwgXCJuZXh0XCIpLFxuICAgICAgQXJyb3dMZWZ0OiAoKSA9PiBmb2N1c05hdkl0ZW0ocHJpbWFyeU5hdlJlZi5jdXJyZW50LCBcInByZXZcIiksXG4gICAgfSxcbiAgICBwcmltYXJ5TmF2UmVmLFxuICAgIHRydWVcbiAgKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7IEFycm93RG93bjogKCkgPT4gZm9jdXNUYWJiYWJsZUl0ZW0oc2Vjb25kYXJ5TmF2UmVmLmN1cnJlbnQpIH0sXG4gICAgcHJpbWFyeU5hdlJlZixcbiAgICAhaXNDb21wYWN0XG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dSaWdodDogKCkgPT4gZm9jdXNOYXZJdGVtKHNlY29uZGFyeU5hdlJlZi5jdXJyZW50LCBcIm5leHRcIiksXG4gICAgICBBcnJvd0xlZnQ6ICgpID0+IGZvY3VzTmF2SXRlbShzZWNvbmRhcnlOYXZSZWYuY3VycmVudCwgXCJwcmV2XCIpLFxuICAgICAgQXJyb3dVcDogKCkgPT4gZm9jdXNUYWJiYWJsZUl0ZW0ocHJpbWFyeU5hdlJlZi5jdXJyZW50KSxcbiAgICB9LFxuICAgIHNlY29uZGFyeU5hdlJlZixcbiAgICAhaXNDb21wYWN0XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8TmF2QmFyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIHsvKiBkYXRhLWNvbXBhY3QgYXR0cmlidXRlIG5hbWUgaXMgZGVmaW5lZCBhcyBDT01QQUNUX0FUVFIgaW4gY29uc3RhbnRzLnRzICovfVxuICAgICAgPEN1c3RvbUJvcmRlckNvbnRhaW5lciByZWY9e3Jvb3RSZWZ9IGRhdGEtY29tcGFjdD17aXNDb21wYWN0fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9DdXN0b21Cb3JkZXJDb250YWluZXI+XG4gICAgPC9OYXZCYXJDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuXG5OYXZCYXIuUHJpbWFyeU5hdkNvbnRhaW5lciA9IFByaW1hcnlOYXZDb250YWluZXI7XG5OYXZCYXIuUHJpbWFyeU5hdiA9IFByaW1hcnlOYXY7XG5OYXZCYXIuUHJpbWFyeU5hdkl0ZW0gPSBQcmltYXJ5TmF2TGlua0l0ZW07XG5OYXZCYXIuU3ViTWVudUNvbnRhaW5lciA9IE5hdkJhclN1Yk1lbnVDb250YWluZXI7XG5OYXZCYXIuT3ZlcmxheUJhciA9IE5hdkJhck92ZXJsYXlCYXI7XG5OYXZCYXIuU2Vjb25kYXJ5TmF2ID0gU2Vjb25kYXJ5TmF2O1xuTmF2QmFyLkRyb3Bkb3duVHJpZ2dlckJ1dHRvbiA9IE5hdkJhckRyb3Bkb3duVHJpZ2dlckJ1dHRvbjtcbk5hdkJhci5TZWFyY2hJbnB1dCA9IE5hdkJhclNlYXJjaElucHV0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCOEIifQ== */"),focusNavItem=(nav,direction)=>{if(!nav)return;let items=Array.from(nav.querySelectorAll("[tabindex]"));if(0===items.length)return;let currentIndex=items.indexOf(document.activeElement);if(-1===currentIndex)return;let nextIndex="next"===direction?currentIndex+1:currentIndex-1;nextIndex<0||nextIndex>=items.length||(items[currentIndex].setAttribute("tabindex","-1"),items[nextIndex].setAttribute("tabindex","0"),items[nextIndex].focus())},focusTabbableItem=nav=>{nav?.querySelector("[tabindex='0']")?.focus()},resetTabIndex=nav=>{let items=Array.from(nav.querySelectorAll("[tabindex]")),target=nav.querySelector("[aria-current='page']")??items[0];for(let item of items)item.setAttribute("tabindex",item===target?"0":"-1")},useResetTabIndexOnBlur=navRef=>{(0,_react.useEffect)(()=>{let nav=navRef.current;if(!nav)return;let handleFocusOut=e=>{nav.contains(e.relatedTarget)||resetTabIndex(nav)};return nav.addEventListener("focusout",handleFocusOut),()=>nav.removeEventListener("focusout",handleFocusOut)},[navRef])};function NavBar({children,subTheme=_types.NavBarName.Unset,isCompact=!1}){let primaryNavRef=(0,_react.useRef)(null),secondaryNavRef=(0,_react.useRef)(null),rootRef=(0,_react.useRef)(null),prevCompactRef=(0,_react.useRef)(isCompact),contextValue=(0,_react.useMemo)(()=>({subTheme,isCompact,primaryNavRef,secondaryNavRef}),[subTheme,isCompact]);return(0,_react.useEffect)(()=>{let el=rootRef.current;if(!el||prevCompactRef.current===isCompact)return;prevCompactRef.current=isCompact,el.dataset[_constants.TRANSITIONING_DATASET_KEY]="";let handleEnd=()=>{delete el.dataset[_constants.TRANSITIONING_DATASET_KEY]};return el.addEventListener("transitionend",handleEnd,{once:!0}),()=>el.removeEventListener("transitionend",handleEnd)},[isCompact]),useResetTabIndexOnBlur(primaryNavRef),useResetTabIndexOnBlur(secondaryNavRef),(0,_useKeyboard.useKeyboard)({ArrowRight:()=>focusNavItem(primaryNavRef.current,"next"),ArrowLeft:()=>focusNavItem(primaryNavRef.current,"prev")},primaryNavRef,!0),(0,_useKeyboard.useKeyboard)({ArrowDown:()=>focusTabbableItem(secondaryNavRef.current)},primaryNavRef,!isCompact),(0,_useKeyboard.useKeyboard)({ArrowRight:()=>focusNavItem(secondaryNavRef.current,"next"),ArrowLeft:()=>focusNavItem(secondaryNavRef.current,"prev"),ArrowUp:()=>focusTabbableItem(primaryNavRef.current)},secondaryNavRef,!isCompact),_react.default.createElement(_NavBarContext.NavBarContext.Provider,{value:contextValue},_react.default.createElement(CustomBorderContainer,{ref:rootRef,"data-compact":isCompact},children))}NavBar.PrimaryNavContainer=_NavBarPrimaryNav.PrimaryNavContainer,NavBar.PrimaryNav=_NavBarPrimaryNav.PrimaryNav,NavBar.PrimaryNavItem=_NavBarPrimaryNavLinkItem.PrimaryNavLinkItem,NavBar.SubMenuContainer=_NavBarSubMenuContainer.NavBarSubMenuContainer,NavBar.OverlayBar=_NavBarOverlayBar.NavBarOverlayBar,NavBar.SecondaryNav=_NavBarSecondaryNav.SecondaryNav,NavBar.DropdownTriggerButton=_NavBarDropdownTriggerButton.NavBarDropdownTriggerButton,NavBar.SearchInput=_NavBarSearchInput.NavBarSearchInput;