<style include="cr-hidden-style">
#container {
display: flex;
flex-flow: row wrap;
gap: var(--container-gap);
justify-content: center;
margin-top: 8px;
max-width: var(--container-max-width, inherit);
}
#undoToastMessage {
flex-grow: 1;
}
</style>
<div id="container">
</div>
<template>
<ntp-module-wrapper module="[[item]]"
hidden="[[moduleDisabled_(disabledModules_, item)]]"
on-disable-module="onDisableModule_"
on-dismiss-module-element="onDismissModuleElement_"
on-dismiss-module-instance="onDismissModuleInstance_">
</ntp-module-wrapper>
</template>
<cr-toast id="undoToast" duration="10000">
<div id="undoToastMessage">[[undoData_.message]]</div>
<template is="dom-if" if="[[undoData_.undo]]">
<cr-button id="undoButton"
aria-label="$i18n{undoDescription}"
on-click="onUndoButtonClick_">
$i18n{undo}
</cr-button>
</template>
</cr-toast>