chromium/ui/webui/resources/cr_components/history_clusters/horizontal_carousel.html.ts

// Copyright 2024 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import {html} from '//resources/lit/v3_0/lit.rollup.js';

import type {HorizontalCarouselElement} from './horizontal_carousel.js';

export function getHtml(this: HorizontalCarouselElement) {
  return html`
<cr-icon-button id="backButton" class="carousel-button"
    @click="${this.onCarouselBackClick_}" iron-icon="cr:chevron-left"
    ?hidden="${!this.showBackButton_}" tabindex="-1">
</cr-icon-button>
<div id="backHoverLayer" class="hover-layer"></div>

<cr-icon-button id="forwardButton" class="carousel-button"
    @click="${this.onCarouselForwardClick_}" iron-icon="cr:chevron-right"
    ?hidden="${!this.showForwardButton_}" tabindex="-1">
</cr-icon-button>
<div id="forwardHoverLayer" class="hover-layer"></div>

<div id="carouselContainer">
  <slot></slot>
</div>`;
}