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