import { State } from "vanjs-core";
import { html, render, TemplateResult } from "lit-html";
import "./styles.css";
export function getToolbar({
buttons,
clickedButton,
author,
sourceCode,
}: {
buttons?: string[];
clickedButton?: State;
author?: string;
sourceCode?: string;
}): HTMLElement {
// Init
const element = document.createElement("div");
const template = html`
${buttons?.map(
(button) =>
html``
)}
`;
// Update
element.id = "toolbar";
render(template, element);
// Events
// On button click set clickedButton value
function onButtonClick(e: Event) {
const button = e.target as HTMLButtonElement;
clickedButton.val = ""; // A hack to trigger vanjs update
setTimeout(() => (clickedButton.val = button.innerText));
}
// onIconClick toggle dropdown menu
function onIconClick(e: Event) {
const dropdown = document.getElementById("dropdown-menu");
dropdown.style.display =
dropdown.style.display === "block" ? "none" : "block";
}
return element;
}
// Utils
function getAwatifSvg(): TemplateResult {
return html``;
}