MapComplete/UI/MapControlButton.ts

import BaseUIElement from "./BaseUIElement";
import Combine from "./Base/Combine";

/**
 * A button floating above the map, in a uniform style
 */
export default class MapControlButton extends Combine {
  constructor(contents: BaseUIElement, options?:{
    dontStyle?: boolean
  }) {
    super([contents]);
    if(!options?.dontStyle){
    contents.SetClass("mapcontrol p-1")
    }
    this.SetClass(
      "relative block rounded-full w-10 h-10 p-1 pointer-events-auto z-above-map subtle-background m-0.5 md:m-1"
    );
    this.SetStyle("box-shadow: 0 0 10px var(--shadow-color);");
  }
}