class SpacerCell extends Shadow {
    constructor(weekNumber, sidebarWidth) {
        super()
        this.weekNumber = weekNumber;
        this.sidebarWidth = sidebarWidth
    }

    render() {
        VStack(() => {
            p(`W${this.weekNumber}`)
                .fontSize(0.9, em)
                .fontWeight("600")
                .color("var(--headertext)")
        })
        .width(this.sidebarWidth, em)
        .paddingHorizontal(0.5, em)
        .flexShrink(0)
        .flexGrow(0)
        .justifyContent("center")
        .alignItems("center")
        .borderRight("1px solid var(--divider)")
        .borderBottom("1px solid var(--divider)")
        .borderTop("1px solid var(--sidebottombars)")
        .background("var(--sidebottombars)")
        .boxSizing("border-box")
    }
}

register(SpacerCell)