import { UIButton, UIButtonColorSpecifier } from "./UIButton"
import { UILink } from "./UILink"


export class UILinkButton extends UILink {
    
    button: UIButton
    
    constructor(elementID?: string, elementType?: string, titleType?: string) {
    
        super(elementID)
    
        // Instance variables
        this.button = new UIButton(this.elementID + "Button", elementType, titleType)
        this.addSubview(this.button)
    
        this.style.position = "absolute"
        this.button.controlEventTargetAccumulator.EnterDown.PointerUpInside = () => window.location = this.target as any
    
    }
    
    
    get titleLabel() {
        return this.button.titleLabel
    }
    
    get imageView() {
        return this.button.imageView
    }
    
    
    override set colors(colors: UIButtonColorSpecifier) {
        this.button.colors = colors
    }
    
    override get colors(): UIButtonColorSpecifier {
        return this.button.colors
    }
    
    
    override get viewHTMLElement() {
        return super.viewHTMLElement as HTMLLinkElement
    }
    
    
    override set target(target: string) {
        this.viewHTMLElement.setAttribute("href", target)
    }
    
    override get target() {
        return this.viewHTMLElement.getAttribute("href") ?? ""
    }
    
    
    override layoutSubviews() {
        
        super.layoutSubviews()
        
        const bounds = this.bounds
        
        this.button.frame = bounds
        this.button.layoutSubviews()
        
    }
    
    
}