Button

import '@bluui/web/styles.css'

import { createButton } from "@bluui/web";
export function mount(host: HTMLElement) {
  const output = document.createElement("p");
  output.setAttribute("role", "status");
  let clicks = 0;
  const button = createButton(
    host,
    { Label: "Save changes", Color: "Primary", Variant: "Filled" },
    {
      Click: () => {
        clicks += 1;
        output.textContent = `Save callback received (${clicks}). Connect your save request here.`;
      },
    },
  );
  host.append(output);
  return {
    destroy() {
      button.destroy();
      output.remove();
    },
  };
}

const instance = mount(document.getElementById('example')!)

// When this page or framework component is removed:
// instance.destroy()