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("p-1")
        }
        this.SetClass(
            "relative block rounded-full w-10 h-10 pointer-events-auto z-above-map subtle-background m-0.5 md:m-1"
        )
        this.SetStyle("box-shadow: 0 0 10px var(--shadow-color);")
    }
}