"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../TextEndTruncated/TextEndTruncated.js"),a=require("../UnsavedChangesBadge/UnsavedChangesBadge.js"),r=require("../Store/Store.js");require("../Store/utils.js");var t=require("../../Tag/Tag.js"),l=require("../../Skeleton/Skeleton.js"),i=require("./ToggleDisplayDefault.scss.js");exports.ToggleDisplayDefault=function(n){var d=n.showNewTag,u=r.storeApi.useSelectedTemplate,o=r.storeApi.useHasUnsavedChanges,c=r.storeApi.useIsInitialized,g=u(),T=o(null==g?void 0:g.id);return c()?e.jsxs("div",{className:i.root,children:[e.jsx("span",{className:i.titlePrefix,children:g?"Template:":"Templates"})," ",g&&e.jsx(s.TextEndTruncated,{className:i.title,disableTooltip:!0,children:g.name}),T&&e.jsx(a.UnsavedChangesBadge,{className:i.changeBadge}),!T&&d&&e.jsx(t.Tag,{size:"small",state:"light",className:i.newTag,children:"New!"})]}):e.jsx(l.Skeleton,{className:i.skeleton})};
//# sourceMappingURL=ToggleDisplayDefault.js.map
