Всем привет, подкиньте идею пожалуйста: делаю свой переиспользуемый модуль-компонент. Написал

Question

Всем привет, подкиньте идею пожалуйста: делаю свой переиспользуемый модуль-компонент. Написал

сначала логику компонента как статичный html + оживил JSом, теперь хочу всё это перенести в класс, который будет принимать в себя html элемент и рендерить в нём мой html + JS, а теперь вопрос: как лучше получить в классе html, чтобы с ним работать внутри класса?
export class FiasSearch {
// private subs = new SubSink()

constructor (
private entryPoint: HTMLDivElement
) {}

render (): void {
this.entryPoint.innerHTML = `
<div id="search-entry-point" class="search-wrapper">
<span class="search-input-label">Поиск по ФИАС</span>
<input
id="search-input"
type="text"
class="search-input"
placeholder="Введите адрес для поиска..."
autocomplete="off"
/>
<div
id="search-advice-wrapper"
class="search-advice-wrapper"
></div>
<button class="clear-btn">Очистить</button>
</div>
`
}