import { html } from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js';
export function getTemplate() {
    return html `<!--_html_template_start_--><style

>
  :host {
    align-items: center;
    display: flex;
    margin-inline-start: 36px;
    min-height: var(--cr-section-min-height);
  }

  img {
    /* Dimensions of the image are set in the URL. */
    margin-inline-end: 16px;
  }

  iron-icon[icon='cr:open-in-new'] {
    fill: currentColor;
    height: var(--cr-icon-size);
    width: var(--cr-icon-size);
  }

  #disable {
    margin-inline-start: 8px;
  }

  /* Using ">" operator to ensure that this CSS rule will not accidentally
   * be applied to a search highlight span (which is inserted dynamically if
   * when search "hit" occurs within this element. */
  :host > span {
    flex: 1;
    margin-inline-end: 8px;
  }
</style>
<img role="presentation" src="chrome://extension-icon/[[extensionId]]/20/1">
<span>[[getLabel_(extensionName)]]</span>
<cr-button id="manage" on-click="onManageClick_">
  $i18n{manage}
  <cr-icon icon="cr:open-in-new" slot="suffix-icon"></cr-icon>
</cr-button>
<template is="dom-if" if="[[extensionCanBeDisabled]]" restamp>
  <cr-button id="disable" on-click="onDisableClick_">$i18n{disable}</cr-button>
</template>
<!--_html_template_end_-->`;
}
