import*as i18n from"../i18n/i18n.js";import*as UI from"../ui/ui.js";import{Events}from"./CSSOverviewController.js";const UIStrings={captureOverview:"Capture overview",cssOverview:"CSS Overview"},str_=i18n.i18n.registerUIStrings("css_overview/CSSOverviewStartView.ts",UIStrings),i18nString=i18n.i18n.getLocalizedString.bind(void 0,str_);export class CSSOverviewStartView extends UI.Widget.Widget{constructor(e){super(),this.registerRequiredCSS("css_overview/cssOverviewStartView.css",{enableLegacyPatching:!1}),this._controller=e,this._render()}_render(){const e=UI.UIUtils.createTextButton(i18nString(UIStrings.captureOverview),(()=>this._controller.dispatchEventToListeners(Events.RequestOverviewStart)),"",!0);this.setDefaultFocusedElement(e);const t=UI.Fragment.Fragment.build`
  <div class="vbox overview-start-view">
  <h1>${i18nString(UIStrings.cssOverview)}</h1>
  <div>${e}</div>
  </div>
  `;this.contentElement.appendChild(t.element()),this.contentElement.style.overflow="auto"}}