import { html } from '//resources/lit/v3_0/lit.rollup.js';
export function getHtml() {
    return html `<!--_html_template_start_-->${this.showLogo_ ? html `
  <div id="logo"></div>
` : ''}
${this.showDoodle_ ? html `
  <div id="doodle" title="${this.doodle_.description}">
    <div id="imageDoodle" ?hidden="${!this.imageDoodle_}"
        tabindex="${this.imageDoodleTabIndex_}" @click="${this.onImageClick_}"
        @keydown="${this.onImageKeydown_}">
      <div id="imageContainer">
        <img id="image" src="${this.imageUrl_}" @load="${this.onImageLoad_}">
      </div>
      <cr-button id="shareButton" title="$i18n{shareDoodle}"
          @click="${this.onShareButtonClick_}">
        <div id="shareButtonIcon"></div>
      </cr-button>
    </div>
  </div>
` : ''}
${this.showShareDialog_ ? html `
  <ntp-doodle-share-dialog .title="${this.doodle_.description}"
      .url="${this.doodle_.image.shareUrl}"
      @close="${this.onShareDialogClose_}" @share="${this.onShare_}">
  </ntp-doodle-share-dialog>
` : ''}
<!--_html_template_end_-->`;
}
