@ndla/ui 55.0.12-alpha.0 → 55.0.14-alpha.0

package/es/CodeBlock/CodeBlock.js

@@ -1,5 +1,3 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /**
  * Copyright (c) 2020-present, NDLA.
  *
@@ -8,108 +6,102 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  *
  */
 
-import { useState, useEffect, useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import { ButtonV2 } from "@ndla/button";
-import { colors, fonts, spacing } from "@ndla/core";
-import { Copy } from "@ndla/icons/action";
-import { Done } from "@ndla/icons/editor";
-import { copyTextToClipboard } from "@ndla/util";
-import { codeLanguageOptions } from "./codeLanguageOptions";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const Wrapper = /*#__PURE__*/_styled("div", {
-  target: "e1vvg9y53",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bk160n",
-  styles: "margin:15px 0"
-} : {
-  name: "bk160n",
-  styles: "margin:15px 0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IwQiIsImZpbGUiOiJDb2RlQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENvcHkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2VkaXRvclwiO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBJQ29kZUxhbmd1Z2VPcHRpb24sIGNvZGVMYW5ndWFnZU9wdGlvbnMgfSBmcm9tIFwiLi9jb2RlTGFuZ3VhZ2VPcHRpb25zXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDE1cHggMDtcbmA7XG5cbmNvbnN0IFRpdGxlQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLmgzYFxuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46IDVweCAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29kZTogc3RyaW5nO1xuICBoaWdobGlnaHRlZENvZGU6IHN0cmluZztcbiAgZm9ybWF0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgYWN0aW9uQnV0dG9uPzogUmVhY3ROb2RlO1xuICBzaG93Q29weT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRQcmUgPSBzdHlsZWQucHJlYFxuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIC5saW5lbnVtYmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGNvbG9yOiAjN2Q4Yjk5O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG4gIC5saW5lbnVtYmVyW2RhdGEtZmlyc3RdIHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAubGluZW51bWJlcltkYXRhLWxhc3RdIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICBjb2RlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjIwcHhcIil9O1xuICAgIGZvbnQtZmFtaWx5OlxuICAgICAgU291cmNlIENvZGUgUHJvVmFyaWFibGUsXG4gICAgICBNb25hY287XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgfVxuICBjb2RlOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IG5vbmU7XG4gIH1cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogbm9uZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLyogVGhlIHJlbWFpbmluZyBjc3MgaXMgY29waWVkIGZyb20gdGhlIGNveSB0aGVtZSBpbiBwcmlzbWpzLiBBIGxvdCBvZiBjc3MgaXMgb21pdHRlZCBkdWUgdG8gc3R5bGluZyBjbGFzaGVzICovXG4gIC50b2tlbi5jb21tZW50LFxuICAudG9rZW4uYmxvY2stY29tbWVudCxcbiAgLnRva2VuLnByb2xvZyxcbiAgLnRva2VuLmRvY3R5cGUsXG4gIC50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6ICM3ZDhiOTk7XG4gIH1cblxuICAudG9rZW4ucHVuY3R1YXRpb24ge1xuICAgIGNvbG9yOiAjNWY2MzY0O1xuICB9XG5cbiAgLnRva2VuLnByb3BlcnR5LFxuICAudG9rZW4udGFnLFxuICAudG9rZW4uYm9vbGVhbixcbiAgLnRva2VuLm51bWJlcixcbiAgLnRva2VuLmZ1bmN0aW9uLW5hbWUsXG4gIC50b2tlbi5jb25zdGFudCxcbiAgLnRva2VuLnN5bWJvbCxcbiAgLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjYzkyYzJjO1xuICB9XG5cbiAgLnRva2VuLnNlbGVjdG9yLFxuICAudG9rZW4uYXR0ci1uYW1lLFxuICAudG9rZW4uc3RyaW5nLFxuICAudG9rZW4uY2hhcixcbiAgLnRva2VuLmZ1bmN0aW9uLFxuICAudG9rZW4uYnVpbHRpbixcbiAgLnRva2VuLmluc2VydGVkIHtcbiAgICBjb2xvcjogIzJmOWMwYTtcbiAgfVxuXG4gIC50b2tlbi5vcGVyYXRvcixcbiAgLnRva2VuLmVudGl0eSxcbiAgLnRva2VuLnVybCxcbiAgLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uYXRydWxlLFxuICAudG9rZW4uYXR0ci12YWx1ZSxcbiAgLnRva2VuLmtleXdvcmQsXG4gIC50b2tlbi5jbGFzcy1uYW1lIHtcbiAgICBjb2xvcjogIzE5OTBiODtcbiAgfVxuXG4gIC50b2tlbi5yZWdleCxcbiAgLnRva2VuLmltcG9ydGFudCB7XG4gICAgY29sb3I6ICNlOTA7XG4gIH1cblxuICAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsXG4gIC5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uaW1wb3J0YW50IHtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5cbiAgLnRva2VuLmJvbGQge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB9XG4gIC50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuXG4gIC50b2tlbi5lbnRpdHkge1xuICAgIGN1cnNvcjogaGVscDtcbiAgfVxuXG4gIC50b2tlbi5uYW1lc3BhY2Uge1xuICAgIG9wYWNpdHk6IDAuNztcbiAgfVxuYDtcblxuY29uc3QgZ2V0VGl0bGVGcm9tRm9ybWF0ID0gKGZvcm1hdDogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkTGFuZ3VhZ2UgPSBjb2RlTGFuZ3VhZ2VPcHRpb25zLmZpbmQoKGl0ZW06IElDb2RlTGFuZ3VnZU9wdGlvbikgPT4gaXRlbS5mb3JtYXQgPT09IGZvcm1hdCk7XG4gIGlmIChzZWxlY3RlZExhbmd1YWdlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkTGFuZ3VhZ2UudGl0bGU7XG4gIH1cbiAgcmV0dXJuO1xufTtcblxuZXhwb3J0IGNvbnN0IENvZGVibG9jayA9ICh7IGFjdGlvbkJ1dHRvbiwgY29kZSwgaGlnaGxpZ2h0ZWRDb2RlLCBmb3JtYXQsIHNob3dDb3B5ID0gZmFsc2UsIHRpdGxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzQ29waWVkLCBzZXRJc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgY29kZVdpdGhMaW5lTnVtYmVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBoaWdobGlnaHRlZENvZGVcbiAgICAgIC5zcGxpdChcIlxcblwiKVxuICAgICAgLm1hcCgobGluZSwgaSwgYXJyKSA9PiB7XG4gICAgICAgIHJldHVybiBgPHNwYW4+PHNwYW4gY2xhc3M9XCJsaW5lbnVtYmVyXCIgJHtpID09PSAwID8gJ2RhdGEtZmlyc3Q9XCJcIicgOiBcIlwifSAke1xuICAgICAgICAgIGkgPT09IGFyci5sZW5ndGggLSAxID8gJ2RhdGEtbGFzdD1cIlwiJyA6IFwiXCJcbiAgICAgICAgfT4ke2kgKyAxfTwvc3Bhbj4ke2xpbmV9PC9zcGFuPmA7XG4gICAgICB9KVxuICAgICAgLmpvaW4oXCJcXG5cIik7XG4gIH0sIFtoaWdobGlnaHRlZENvZGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0NvcGllZCkge1xuICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiBzZXRJc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgICAgLy8gZW5zdXJlIGludGVydmFsIGlzIGNsZWFyZWQgLSBhbHNvIGlmIHVubW91bnRlZFxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH07XG4gICAgfVxuICB9LCBbaXNDb3BpZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFRpdGxlQmFyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlIHx8IGdldFRpdGxlRnJvbUZvcm1hdChmb3JtYXQpfTwvVGl0bGU+XG4gICAgICAgIHthY3Rpb25CdXR0b259XG4gICAgICA8L1RpdGxlQmFyPlxuICAgICAgPFN0eWxlZFByZT5cbiAgICAgICAgPGNvZGUgY2xhc3NOYW1lPXtgbGFuZ3VhZ2UtJHtmb3JtYXR9YH0gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjb2RlV2l0aExpbmVOdW1iZXJzIH19IC8+XG4gICAgICA8L1N0eWxlZFByZT5cbiAgICAgIHtzaG93Q29weSAmJiAoXG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcHlCdXR0b25cIil9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzQ29waWVkfVxuICAgICAgICAgIGRhdGEtY29waWVkLXRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcGllZENvZGVcIil9XG4gICAgICAgICAgZGF0YS1jb3B5LXN0cmluZz17Y29kZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBjb3B5VGV4dFRvQ2xpcGJvYXJkKGNvZGUpO1xuICAgICAgICAgICAgc2V0SXNDb3BpZWQodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0NvcGllZCA/IDxEb25lIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IDogPENvcHkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz59e1wiIFwifVxuICAgICAgICAgIHtpc0NvcGllZCA/IHQoXCJjb2RlQmxvY2suY29waWVkQ29kZVwiKSA6IHQoXCJjb2RlQmxvY2suY29weUNvZGVcIil9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApfVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvZGVibG9jaztcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TitleBar = /*#__PURE__*/_styled("div", {
-  target: "e1vvg9y52",
-  label: "TitleBar"
-})(process.env.NODE_ENV === "production" ? {
-  name: "unrh3l",
-  styles: "display:flex;justify-content:space-between;width:100%"
-} : {
-  name: "unrh3l",
-  styles: "display:flex;justify-content:space-between;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IyQiIsImZpbGUiOiJDb2RlQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENvcHkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2VkaXRvclwiO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBJQ29kZUxhbmd1Z2VPcHRpb24sIGNvZGVMYW5ndWFnZU9wdGlvbnMgfSBmcm9tIFwiLi9jb2RlTGFuZ3VhZ2VPcHRpb25zXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDE1cHggMDtcbmA7XG5cbmNvbnN0IFRpdGxlQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLmgzYFxuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46IDVweCAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29kZTogc3RyaW5nO1xuICBoaWdobGlnaHRlZENvZGU6IHN0cmluZztcbiAgZm9ybWF0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgYWN0aW9uQnV0dG9uPzogUmVhY3ROb2RlO1xuICBzaG93Q29weT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRQcmUgPSBzdHlsZWQucHJlYFxuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIC5saW5lbnVtYmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGNvbG9yOiAjN2Q4Yjk5O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG4gIC5saW5lbnVtYmVyW2RhdGEtZmlyc3RdIHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAubGluZW51bWJlcltkYXRhLWxhc3RdIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICBjb2RlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjIwcHhcIil9O1xuICAgIGZvbnQtZmFtaWx5OlxuICAgICAgU291cmNlIENvZGUgUHJvVmFyaWFibGUsXG4gICAgICBNb25hY287XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgfVxuICBjb2RlOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IG5vbmU7XG4gIH1cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogbm9uZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLyogVGhlIHJlbWFpbmluZyBjc3MgaXMgY29waWVkIGZyb20gdGhlIGNveSB0aGVtZSBpbiBwcmlzbWpzLiBBIGxvdCBvZiBjc3MgaXMgb21pdHRlZCBkdWUgdG8gc3R5bGluZyBjbGFzaGVzICovXG4gIC50b2tlbi5jb21tZW50LFxuICAudG9rZW4uYmxvY2stY29tbWVudCxcbiAgLnRva2VuLnByb2xvZyxcbiAgLnRva2VuLmRvY3R5cGUsXG4gIC50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6ICM3ZDhiOTk7XG4gIH1cblxuICAudG9rZW4ucHVuY3R1YXRpb24ge1xuICAgIGNvbG9yOiAjNWY2MzY0O1xuICB9XG5cbiAgLnRva2VuLnByb3BlcnR5LFxuICAudG9rZW4udGFnLFxuICAudG9rZW4uYm9vbGVhbixcbiAgLnRva2VuLm51bWJlcixcbiAgLnRva2VuLmZ1bmN0aW9uLW5hbWUsXG4gIC50b2tlbi5jb25zdGFudCxcbiAgLnRva2VuLnN5bWJvbCxcbiAgLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjYzkyYzJjO1xuICB9XG5cbiAgLnRva2VuLnNlbGVjdG9yLFxuICAudG9rZW4uYXR0ci1uYW1lLFxuICAudG9rZW4uc3RyaW5nLFxuICAudG9rZW4uY2hhcixcbiAgLnRva2VuLmZ1bmN0aW9uLFxuICAudG9rZW4uYnVpbHRpbixcbiAgLnRva2VuLmluc2VydGVkIHtcbiAgICBjb2xvcjogIzJmOWMwYTtcbiAgfVxuXG4gIC50b2tlbi5vcGVyYXRvcixcbiAgLnRva2VuLmVudGl0eSxcbiAgLnRva2VuLnVybCxcbiAgLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uYXRydWxlLFxuICAudG9rZW4uYXR0ci12YWx1ZSxcbiAgLnRva2VuLmtleXdvcmQsXG4gIC50b2tlbi5jbGFzcy1uYW1lIHtcbiAgICBjb2xvcjogIzE5OTBiODtcbiAgfVxuXG4gIC50b2tlbi5yZWdleCxcbiAgLnRva2VuLmltcG9ydGFudCB7XG4gICAgY29sb3I6ICNlOTA7XG4gIH1cblxuICAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsXG4gIC5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uaW1wb3J0YW50IHtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5cbiAgLnRva2VuLmJvbGQge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB9XG4gIC50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuXG4gIC50b2tlbi5lbnRpdHkge1xuICAgIGN1cnNvcjogaGVscDtcbiAgfVxuXG4gIC50b2tlbi5uYW1lc3BhY2Uge1xuICAgIG9wYWNpdHk6IDAuNztcbiAgfVxuYDtcblxuY29uc3QgZ2V0VGl0bGVGcm9tRm9ybWF0ID0gKGZvcm1hdDogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkTGFuZ3VhZ2UgPSBjb2RlTGFuZ3VhZ2VPcHRpb25zLmZpbmQoKGl0ZW06IElDb2RlTGFuZ3VnZU9wdGlvbikgPT4gaXRlbS5mb3JtYXQgPT09IGZvcm1hdCk7XG4gIGlmIChzZWxlY3RlZExhbmd1YWdlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkTGFuZ3VhZ2UudGl0bGU7XG4gIH1cbiAgcmV0dXJuO1xufTtcblxuZXhwb3J0IGNvbnN0IENvZGVibG9jayA9ICh7IGFjdGlvbkJ1dHRvbiwgY29kZSwgaGlnaGxpZ2h0ZWRDb2RlLCBmb3JtYXQsIHNob3dDb3B5ID0gZmFsc2UsIHRpdGxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzQ29waWVkLCBzZXRJc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgY29kZVdpdGhMaW5lTnVtYmVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBoaWdobGlnaHRlZENvZGVcbiAgICAgIC5zcGxpdChcIlxcblwiKVxuICAgICAgLm1hcCgobGluZSwgaSwgYXJyKSA9PiB7XG4gICAgICAgIHJldHVybiBgPHNwYW4+PHNwYW4gY2xhc3M9XCJsaW5lbnVtYmVyXCIgJHtpID09PSAwID8gJ2RhdGEtZmlyc3Q9XCJcIicgOiBcIlwifSAke1xuICAgICAgICAgIGkgPT09IGFyci5sZW5ndGggLSAxID8gJ2RhdGEtbGFzdD1cIlwiJyA6IFwiXCJcbiAgICAgICAgfT4ke2kgKyAxfTwvc3Bhbj4ke2xpbmV9PC9zcGFuPmA7XG4gICAgICB9KVxuICAgICAgLmpvaW4oXCJcXG5cIik7XG4gIH0sIFtoaWdobGlnaHRlZENvZGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0NvcGllZCkge1xuICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiBzZXRJc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgICAgLy8gZW5zdXJlIGludGVydmFsIGlzIGNsZWFyZWQgLSBhbHNvIGlmIHVubW91bnRlZFxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH07XG4gICAgfVxuICB9LCBbaXNDb3BpZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFRpdGxlQmFyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlIHx8IGdldFRpdGxlRnJvbUZvcm1hdChmb3JtYXQpfTwvVGl0bGU+XG4gICAgICAgIHthY3Rpb25CdXR0b259XG4gICAgICA8L1RpdGxlQmFyPlxuICAgICAgPFN0eWxlZFByZT5cbiAgICAgICAgPGNvZGUgY2xhc3NOYW1lPXtgbGFuZ3VhZ2UtJHtmb3JtYXR9YH0gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjb2RlV2l0aExpbmVOdW1iZXJzIH19IC8+XG4gICAgICA8L1N0eWxlZFByZT5cbiAgICAgIHtzaG93Q29weSAmJiAoXG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcHlCdXR0b25cIil9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzQ29waWVkfVxuICAgICAgICAgIGRhdGEtY29waWVkLXRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcGllZENvZGVcIil9XG4gICAgICAgICAgZGF0YS1jb3B5LXN0cmluZz17Y29kZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBjb3B5VGV4dFRvQ2xpcGJvYXJkKGNvZGUpO1xuICAgICAgICAgICAgc2V0SXNDb3BpZWQodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0NvcGllZCA/IDxEb25lIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IDogPENvcHkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz59e1wiIFwifVxuICAgICAgICAgIHtpc0NvcGllZCA/IHQoXCJjb2RlQmxvY2suY29waWVkQ29kZVwiKSA6IHQoXCJjb2RlQmxvY2suY29weUNvZGVcIil9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApfVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvZGVibG9jaztcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Title = /*#__PURE__*/_styled("h3", {
-  target: "e1vvg9y51",
-  label: "Title"
-})("font-style:normal;font-weight:normal;font-size:16px;line-height:32px;letter-spacing:1px;text-transform:uppercase;color:", colors.text.primary, ";margin:5px 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJ1QiIsImZpbGUiOiJDb2RlQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENvcHkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2VkaXRvclwiO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBJQ29kZUxhbmd1Z2VPcHRpb24sIGNvZGVMYW5ndWFnZU9wdGlvbnMgfSBmcm9tIFwiLi9jb2RlTGFuZ3VhZ2VPcHRpb25zXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDE1cHggMDtcbmA7XG5cbmNvbnN0IFRpdGxlQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLmgzYFxuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46IDVweCAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29kZTogc3RyaW5nO1xuICBoaWdobGlnaHRlZENvZGU6IHN0cmluZztcbiAgZm9ybWF0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgYWN0aW9uQnV0dG9uPzogUmVhY3ROb2RlO1xuICBzaG93Q29weT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRQcmUgPSBzdHlsZWQucHJlYFxuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIC5saW5lbnVtYmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGNvbG9yOiAjN2Q4Yjk5O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG4gIC5saW5lbnVtYmVyW2RhdGEtZmlyc3RdIHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAubGluZW51bWJlcltkYXRhLWxhc3RdIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICBjb2RlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjIwcHhcIil9O1xuICAgIGZvbnQtZmFtaWx5OlxuICAgICAgU291cmNlIENvZGUgUHJvVmFyaWFibGUsXG4gICAgICBNb25hY287XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgfVxuICBjb2RlOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IG5vbmU7XG4gIH1cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogbm9uZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLyogVGhlIHJlbWFpbmluZyBjc3MgaXMgY29waWVkIGZyb20gdGhlIGNveSB0aGVtZSBpbiBwcmlzbWpzLiBBIGxvdCBvZiBjc3MgaXMgb21pdHRlZCBkdWUgdG8gc3R5bGluZyBjbGFzaGVzICovXG4gIC50b2tlbi5jb21tZW50LFxuICAudG9rZW4uYmxvY2stY29tbWVudCxcbiAgLnRva2VuLnByb2xvZyxcbiAgLnRva2VuLmRvY3R5cGUsXG4gIC50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6ICM3ZDhiOTk7XG4gIH1cblxuICAudG9rZW4ucHVuY3R1YXRpb24ge1xuICAgIGNvbG9yOiAjNWY2MzY0O1xuICB9XG5cbiAgLnRva2VuLnByb3BlcnR5LFxuICAudG9rZW4udGFnLFxuICAudG9rZW4uYm9vbGVhbixcbiAgLnRva2VuLm51bWJlcixcbiAgLnRva2VuLmZ1bmN0aW9uLW5hbWUsXG4gIC50b2tlbi5jb25zdGFudCxcbiAgLnRva2VuLnN5bWJvbCxcbiAgLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjYzkyYzJjO1xuICB9XG5cbiAgLnRva2VuLnNlbGVjdG9yLFxuICAudG9rZW4uYXR0ci1uYW1lLFxuICAudG9rZW4uc3RyaW5nLFxuICAudG9rZW4uY2hhcixcbiAgLnRva2VuLmZ1bmN0aW9uLFxuICAudG9rZW4uYnVpbHRpbixcbiAgLnRva2VuLmluc2VydGVkIHtcbiAgICBjb2xvcjogIzJmOWMwYTtcbiAgfVxuXG4gIC50b2tlbi5vcGVyYXRvcixcbiAgLnRva2VuLmVudGl0eSxcbiAgLnRva2VuLnVybCxcbiAgLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uYXRydWxlLFxuICAudG9rZW4uYXR0ci12YWx1ZSxcbiAgLnRva2VuLmtleXdvcmQsXG4gIC50b2tlbi5jbGFzcy1uYW1lIHtcbiAgICBjb2xvcjogIzE5OTBiODtcbiAgfVxuXG4gIC50b2tlbi5yZWdleCxcbiAgLnRva2VuLmltcG9ydGFudCB7XG4gICAgY29sb3I6ICNlOTA7XG4gIH1cblxuICAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsXG4gIC5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uaW1wb3J0YW50IHtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5cbiAgLnRva2VuLmJvbGQge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB9XG4gIC50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuXG4gIC50b2tlbi5lbnRpdHkge1xuICAgIGN1cnNvcjogaGVscDtcbiAgfVxuXG4gIC50b2tlbi5uYW1lc3BhY2Uge1xuICAgIG9wYWNpdHk6IDAuNztcbiAgfVxuYDtcblxuY29uc3QgZ2V0VGl0bGVGcm9tRm9ybWF0ID0gKGZvcm1hdDogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkTGFuZ3VhZ2UgPSBjb2RlTGFuZ3VhZ2VPcHRpb25zLmZpbmQoKGl0ZW06IElDb2RlTGFuZ3VnZU9wdGlvbikgPT4gaXRlbS5mb3JtYXQgPT09IGZvcm1hdCk7XG4gIGlmIChzZWxlY3RlZExhbmd1YWdlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkTGFuZ3VhZ2UudGl0bGU7XG4gIH1cbiAgcmV0dXJuO1xufTtcblxuZXhwb3J0IGNvbnN0IENvZGVibG9jayA9ICh7IGFjdGlvbkJ1dHRvbiwgY29kZSwgaGlnaGxpZ2h0ZWRDb2RlLCBmb3JtYXQsIHNob3dDb3B5ID0gZmFsc2UsIHRpdGxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzQ29waWVkLCBzZXRJc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgY29kZVdpdGhMaW5lTnVtYmVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBoaWdobGlnaHRlZENvZGVcbiAgICAgIC5zcGxpdChcIlxcblwiKVxuICAgICAgLm1hcCgobGluZSwgaSwgYXJyKSA9PiB7XG4gICAgICAgIHJldHVybiBgPHNwYW4+PHNwYW4gY2xhc3M9XCJsaW5lbnVtYmVyXCIgJHtpID09PSAwID8gJ2RhdGEtZmlyc3Q9XCJcIicgOiBcIlwifSAke1xuICAgICAgICAgIGkgPT09IGFyci5sZW5ndGggLSAxID8gJ2RhdGEtbGFzdD1cIlwiJyA6IFwiXCJcbiAgICAgICAgfT4ke2kgKyAxfTwvc3Bhbj4ke2xpbmV9PC9zcGFuPmA7XG4gICAgICB9KVxuICAgICAgLmpvaW4oXCJcXG5cIik7XG4gIH0sIFtoaWdobGlnaHRlZENvZGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0NvcGllZCkge1xuICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiBzZXRJc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgICAgLy8gZW5zdXJlIGludGVydmFsIGlzIGNsZWFyZWQgLSBhbHNvIGlmIHVubW91bnRlZFxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH07XG4gICAgfVxuICB9LCBbaXNDb3BpZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFRpdGxlQmFyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlIHx8IGdldFRpdGxlRnJvbUZvcm1hdChmb3JtYXQpfTwvVGl0bGU+XG4gICAgICAgIHthY3Rpb25CdXR0b259XG4gICAgICA8L1RpdGxlQmFyPlxuICAgICAgPFN0eWxlZFByZT5cbiAgICAgICAgPGNvZGUgY2xhc3NOYW1lPXtgbGFuZ3VhZ2UtJHtmb3JtYXR9YH0gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjb2RlV2l0aExpbmVOdW1iZXJzIH19IC8+XG4gICAgICA8L1N0eWxlZFByZT5cbiAgICAgIHtzaG93Q29weSAmJiAoXG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcHlCdXR0b25cIil9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzQ29waWVkfVxuICAgICAgICAgIGRhdGEtY29waWVkLXRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcGllZENvZGVcIil9XG4gICAgICAgICAgZGF0YS1jb3B5LXN0cmluZz17Y29kZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBjb3B5VGV4dFRvQ2xpcGJvYXJkKGNvZGUpO1xuICAgICAgICAgICAgc2V0SXNDb3BpZWQodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0NvcGllZCA/IDxEb25lIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IDogPENvcHkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz59e1wiIFwifVxuICAgICAgICAgIHtpc0NvcGllZCA/IHQoXCJjb2RlQmxvY2suY29waWVkQ29kZVwiKSA6IHQoXCJjb2RlQmxvY2suY29weUNvZGVcIil9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApfVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvZGVibG9jaztcbiJdfQ== */"));
-const StyledPre = /*#__PURE__*/_styled("pre", {
-  target: "e1vvg9y50",
-  label: "StyledPre"
-})("border-left:4px solid ", colors.brand.dark, ";background-color:", colors.brand.greyLighter, ";box-sizing:border-box;overflow-x:auto;.linenumber{display:inline-block;padding:0 ", spacing.small, ";border-right:1px solid #d8d8d8;margin-right:", spacing.small, ";color:#7d8b99;text-align:right;width:40px;}.linenumber[data-first]{padding-top:", spacing.small, ";}.linenumber[data-last]{padding-bottom:", spacing.small, ";}code{display:block;", fonts.sizes("14px", "20px"), ";font-family:Source Code ProVariable,Monaco;margin:0;padding:0;white-space:pre;}code::before{content:none;}&::before,&::after{content:none!important;}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#7d8b99;}.token.punctuation{color:#5f6364;}.token.property,.token.tag,.token.boolean,.token.number,.token.function-name,.token.constant,.token.symbol,.token.deleted{color:#c92c2c;}.token.selector,.token.attr-name,.token.string,.token.char,.token.function,.token.builtin,.token.inserted{color:#2f9c0a;}.token.operator,.token.entity,.token.url,.token.variable{color:#a67f59;background:rgba(255, 255, 255, 0.5);}.token.atrule,.token.attr-value,.token.keyword,.token.class-name{color:#1990b8;}.token.regex,.token.important{color:#e90;}.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255, 255, 255, 0.5);}.token.important{font-weight:normal;}.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}.token.namespace{opacity:0.7;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q0QiIsImZpbGUiOiJDb2RlQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENvcHkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2VkaXRvclwiO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBJQ29kZUxhbmd1Z2VPcHRpb24sIGNvZGVMYW5ndWFnZU9wdGlvbnMgfSBmcm9tIFwiLi9jb2RlTGFuZ3VhZ2VPcHRpb25zXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDE1cHggMDtcbmA7XG5cbmNvbnN0IFRpdGxlQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLmgzYFxuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46IDVweCAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29kZTogc3RyaW5nO1xuICBoaWdobGlnaHRlZENvZGU6IHN0cmluZztcbiAgZm9ybWF0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgYWN0aW9uQnV0dG9uPzogUmVhY3ROb2RlO1xuICBzaG93Q29weT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRQcmUgPSBzdHlsZWQucHJlYFxuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIC5saW5lbnVtYmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGNvbG9yOiAjN2Q4Yjk5O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG4gIC5saW5lbnVtYmVyW2RhdGEtZmlyc3RdIHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAubGluZW51bWJlcltkYXRhLWxhc3RdIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICBjb2RlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjIwcHhcIil9O1xuICAgIGZvbnQtZmFtaWx5OlxuICAgICAgU291cmNlIENvZGUgUHJvVmFyaWFibGUsXG4gICAgICBNb25hY287XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgfVxuICBjb2RlOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IG5vbmU7XG4gIH1cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogbm9uZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLyogVGhlIHJlbWFpbmluZyBjc3MgaXMgY29waWVkIGZyb20gdGhlIGNveSB0aGVtZSBpbiBwcmlzbWpzLiBBIGxvdCBvZiBjc3MgaXMgb21pdHRlZCBkdWUgdG8gc3R5bGluZyBjbGFzaGVzICovXG4gIC50b2tlbi5jb21tZW50LFxuICAudG9rZW4uYmxvY2stY29tbWVudCxcbiAgLnRva2VuLnByb2xvZyxcbiAgLnRva2VuLmRvY3R5cGUsXG4gIC50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6ICM3ZDhiOTk7XG4gIH1cblxuICAudG9rZW4ucHVuY3R1YXRpb24ge1xuICAgIGNvbG9yOiAjNWY2MzY0O1xuICB9XG5cbiAgLnRva2VuLnByb3BlcnR5LFxuICAudG9rZW4udGFnLFxuICAudG9rZW4uYm9vbGVhbixcbiAgLnRva2VuLm51bWJlcixcbiAgLnRva2VuLmZ1bmN0aW9uLW5hbWUsXG4gIC50b2tlbi5jb25zdGFudCxcbiAgLnRva2VuLnN5bWJvbCxcbiAgLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjYzkyYzJjO1xuICB9XG5cbiAgLnRva2VuLnNlbGVjdG9yLFxuICAudG9rZW4uYXR0ci1uYW1lLFxuICAudG9rZW4uc3RyaW5nLFxuICAudG9rZW4uY2hhcixcbiAgLnRva2VuLmZ1bmN0aW9uLFxuICAudG9rZW4uYnVpbHRpbixcbiAgLnRva2VuLmluc2VydGVkIHtcbiAgICBjb2xvcjogIzJmOWMwYTtcbiAgfVxuXG4gIC50b2tlbi5vcGVyYXRvcixcbiAgLnRva2VuLmVudGl0eSxcbiAgLnRva2VuLnVybCxcbiAgLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uYXRydWxlLFxuICAudG9rZW4uYXR0ci12YWx1ZSxcbiAgLnRva2VuLmtleXdvcmQsXG4gIC50b2tlbi5jbGFzcy1uYW1lIHtcbiAgICBjb2xvcjogIzE5OTBiODtcbiAgfVxuXG4gIC50b2tlbi5yZWdleCxcbiAgLnRva2VuLmltcG9ydGFudCB7XG4gICAgY29sb3I6ICNlOTA7XG4gIH1cblxuICAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsXG4gIC5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uaW1wb3J0YW50IHtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5cbiAgLnRva2VuLmJvbGQge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB9XG4gIC50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuXG4gIC50b2tlbi5lbnRpdHkge1xuICAgIGN1cnNvcjogaGVscDtcbiAgfVxuXG4gIC50b2tlbi5uYW1lc3BhY2Uge1xuICAgIG9wYWNpdHk6IDAuNztcbiAgfVxuYDtcblxuY29uc3QgZ2V0VGl0bGVGcm9tRm9ybWF0ID0gKGZvcm1hdDogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkTGFuZ3VhZ2UgPSBjb2RlTGFuZ3VhZ2VPcHRpb25zLmZpbmQoKGl0ZW06IElDb2RlTGFuZ3VnZU9wdGlvbikgPT4gaXRlbS5mb3JtYXQgPT09IGZvcm1hdCk7XG4gIGlmIChzZWxlY3RlZExhbmd1YWdlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkTGFuZ3VhZ2UudGl0bGU7XG4gIH1cbiAgcmV0dXJuO1xufTtcblxuZXhwb3J0IGNvbnN0IENvZGVibG9jayA9ICh7IGFjdGlvbkJ1dHRvbiwgY29kZSwgaGlnaGxpZ2h0ZWRDb2RlLCBmb3JtYXQsIHNob3dDb3B5ID0gZmFsc2UsIHRpdGxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzQ29waWVkLCBzZXRJc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgY29kZVdpdGhMaW5lTnVtYmVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBoaWdobGlnaHRlZENvZGVcbiAgICAgIC5zcGxpdChcIlxcblwiKVxuICAgICAgLm1hcCgobGluZSwgaSwgYXJyKSA9PiB7XG4gICAgICAgIHJldHVybiBgPHNwYW4+PHNwYW4gY2xhc3M9XCJsaW5lbnVtYmVyXCIgJHtpID09PSAwID8gJ2RhdGEtZmlyc3Q9XCJcIicgOiBcIlwifSAke1xuICAgICAgICAgIGkgPT09IGFyci5sZW5ndGggLSAxID8gJ2RhdGEtbGFzdD1cIlwiJyA6IFwiXCJcbiAgICAgICAgfT4ke2kgKyAxfTwvc3Bhbj4ke2xpbmV9PC9zcGFuPmA7XG4gICAgICB9KVxuICAgICAgLmpvaW4oXCJcXG5cIik7XG4gIH0sIFtoaWdobGlnaHRlZENvZGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0NvcGllZCkge1xuICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiBzZXRJc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgICAgLy8gZW5zdXJlIGludGVydmFsIGlzIGNsZWFyZWQgLSBhbHNvIGlmIHVubW91bnRlZFxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH07XG4gICAgfVxuICB9LCBbaXNDb3BpZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFRpdGxlQmFyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlIHx8IGdldFRpdGxlRnJvbUZvcm1hdChmb3JtYXQpfTwvVGl0bGU+XG4gICAgICAgIHthY3Rpb25CdXR0b259XG4gICAgICA8L1RpdGxlQmFyPlxuICAgICAgPFN0eWxlZFByZT5cbiAgICAgICAgPGNvZGUgY2xhc3NOYW1lPXtgbGFuZ3VhZ2UtJHtmb3JtYXR9YH0gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjb2RlV2l0aExpbmVOdW1iZXJzIH19IC8+XG4gICAgICA8L1N0eWxlZFByZT5cbiAgICAgIHtzaG93Q29weSAmJiAoXG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcHlCdXR0b25cIil9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzQ29waWVkfVxuICAgICAgICAgIGRhdGEtY29waWVkLXRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcGllZENvZGVcIil9XG4gICAgICAgICAgZGF0YS1jb3B5LXN0cmluZz17Y29kZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBjb3B5VGV4dFRvQ2xpcGJvYXJkKGNvZGUpO1xuICAgICAgICAgICAgc2V0SXNDb3BpZWQodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0NvcGllZCA/IDxEb25lIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IDogPENvcHkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz59e1wiIFwifVxuICAgICAgICAgIHtpc0NvcGllZCA/IHQoXCJjb2RlQmxvY2suY29waWVkQ29kZVwiKSA6IHQoXCJjb2RlQmxvY2suY29weUNvZGVcIil9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApfVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvZGVibG9jaztcbiJdfQ== */"));
-const getTitleFromFormat = format => {
-  const selectedLanguage = codeLanguageOptions.find(item => item.format === format);
-  if (selectedLanguage) {
-    return selectedLanguage.title;
+import { forwardRef, useMemo } from "react";
+import { cx } from "@ndla/styled-system/css";
+import { styled } from "@ndla/styled-system/jsx";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+const Pre = styled("pre", {
+  base: {
+    border: "1px solid",
+    borderColor: "stroke.subtle",
+    borderLeft: "4px solid",
+    borderLeftColor: "stroke.default",
+    borderRadius: "xsmall",
+    boxSizing: "border-box",
+    overflowX: "auto",
+    textStyle: "label.medium",
+    fontFamily: "code",
+    display: "block",
+    whiteSpace: "pre",
+    "& .linenumber": {
+      display: "inline-block",
+      paddingBlock: "0",
+      paddingInline: "small",
+      borderRight: "1px solid",
+      borderColor: "stroke.subtle",
+      width: "xxlarge",
+      textAlign: "right",
+      marginInlineEnd: "xsmall"
+    },
+    "& .linenumber[data-first]": {
+      paddingBlockStart: "xsmall"
+    },
+    "& .linenumber[data-last]": {
+      paddingBlockEnd: "xsmall"
+    },
+    // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes
+    "& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata": {
+      color: "#7d8b99"
+    },
+    "& .token.punctuation": {
+      color: "#5f6364"
+    },
+    "& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted": {
+      color: "#c92c2c"
+    },
+    "& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted": {
+      color: "#2f9c0a"
+    },
+    "& .token.operator, .token.entity, .token.url, .token.variable": {
+      color: "#a67f59",
+      background: "rgba(255, 255, 255, 0.5)"
+    },
+    "& .token.atrule, .token.attr-value, .token.keyword, .token.class-name": {
+      color: "#1990b8"
+    },
+    "& .token.regex, .token.important": {
+      color: "#e90"
+    },
+    "& .language-css .token.string, .style .token.string": {
+      color: "#a67f59",
+      background: "rgba(255, 255, 255, 0.5)"
+    },
+    "& .token.important": {
+      fontWeight: "normal"
+    },
+    "& .token.bold": {
+      fontWeight: "bold"
+    },
+    "& .token.italic": {
+      fontStyle: "italic"
+    },
+    "& .token.entity": {
+      cursor: "help"
+    },
+    "& .token.namespace": {
+      opacity: "0.7"
+    }
   }
-  return;
-};
-export const Codeblock = _ref => {
+});
+export const Codeblock = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    actionButton,
-    code,
     highlightedCode,
     format,
-    showCopy = false,
-    title
+    className,
+    ...props
   } = _ref;
-  const {
-    t
-  } = useTranslation();
-  const [isCopied, setIsCopied] = useState(false);
   const codeWithLineNumbers = useMemo(() => {
     return highlightedCode.split("\n").map((line, i, arr) => {
-      return "<span><span class=\"linenumber\" ".concat(i === 0 ? 'data-first=""' : "", " ").concat(i === arr.length - 1 ? 'data-last=""' : "", ">").concat(i + 1, "</span>").concat(line, "</span>");
+      return `<span><span class="linenumber" ${i === 0 ? 'data-first=""' : ""} ${i === arr.length - 1 ? 'data-last=""' : ""}>${i + 1}</span>${line}</span>`;
     }).join("\n");
   }, [highlightedCode]);
-  useEffect(() => {
-    if (isCopied) {
-      const timer = setInterval(() => setIsCopied(false), 3000);
-      // ensure interval is cleared - also if unmounted
-      return () => {
-        clearTimeout(timer);
-      };
-    }
-  }, [isCopied]);
-  return _jsxs(Wrapper, {
-    children: [_jsxs(TitleBar, {
-      children: [_jsx(Title, {
-        children: title || getTitleFromFormat(format)
-      }), actionButton]
-    }), _jsx(StyledPre, {
-      children: _jsx("code", {
-        className: "language-".concat(format),
-        dangerouslySetInnerHTML: {
-          __html: codeWithLineNumbers
-        }
-      })
-    }), showCopy && _jsxs(ButtonV2, {
-      title: t("codeBlock.copyButton"),
-      disabled: isCopied,
-      "data-copied-title": t("codeBlock.copiedCode"),
-      "data-copy-string": code,
-      onClick: () => {
-        copyTextToClipboard(code);
-        setIsCopied(true);
-      },
-      children: [isCopied ? _jsx(Done, {
-        "aria-hidden": "true"
-      }) : _jsx(Copy, {
-        "aria-hidden": "true"
-      }), " ", isCopied ? t("codeBlock.copiedCode") : t("codeBlock.copyCode")]
-    })]
+  return _jsx(Pre, {
+    className: cx(`language-${format}`, className),
+    ...props,
+    dangerouslySetInnerHTML: {
+      __html: codeWithLineNumbers
+    },
+    ref: ref
   });
-};
+});
 export default Codeblock;

package/es/Concept/Concept.js

@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { forwardRef } from "react";
+import { Figure } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
+import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
+import { LicenseContainerContent } from "../LicenseByline/EmbedByline";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const StyledFigure = styled(Figure, {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "medium"
+  }
+});
+const ContentWrapper = styled("div", {
+  base: {
+    textStyle: "body.large",
+    display: "inline",
+    "& p": {
+      display: "inline"
+    }
+  }
+});
+
+// TODO: Figure out if we need to support tags, subjects and headerButtons.
+
+export const Concept = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    copyright,
+    visualElement,
+    lang,
+    children,
+    title,
+    ...rest
+  } = _ref;
+  return _jsxs(StyledFigure, {
+    ref: ref,
+    ...rest,
+    children: [_jsxs(ContentWrapper, {
+      lang: lang,
+      children: [!!title && _jsxs(_Fragment, {
+        children: [_jsx("b", {
+          children: title
+        }), ` – `]
+      }), children]
+    }), visualElement?.resource === "image" ? _jsx(ImageEmbed, {
+      embed: visualElement,
+      lang: lang
+    }) : visualElement?.resource === "brightcove" ? _jsx(BrightcoveEmbed, {
+      embed: visualElement
+    }) : visualElement?.resource === "h5p" ? _jsx(H5pEmbed, {
+      embed: visualElement
+    }) : visualElement?.resource === "iframe" ? _jsx(IframeEmbed, {
+      embed: visualElement
+    }) : visualElement?.resource === "external" ? _jsx(ExternalEmbed, {
+      embed: visualElement
+    }) : null, copyright && _jsx(LicenseContainerContent, {
+      copyright: copyright,
+      type: "concept"
+    })]
+  });
+});