export let widget_c4_component = (b) => {
let w = attr_or(b, "width", 140)
let h = attr_or(b, "height", 70)
let name = attr_or(b, "label", "Component")
let tech = attr_or(b, "technology", "")
let color = attr_or(b, "color", "#85BBF0")
let bg_fill = attr_or(b, "background_fill", color)
let label_fill = attr_or(b, "label_fill", "#fff")
let muted_fill = attr_or(b, "muted_fill", label_fill)
let base = [
{ kind = "rect", x = 0, y = 0, width = w, height = h, rx = 4, fill = bg_fill },
{ kind = "text", x = 0, y = 6, width = w, height = 18,
content = name, font_size = 13, fill = label_fill }
]
let tech_part = tech != "" ? [{ kind = "text", x = 0, y = 24,
width = w, height = 14, content = "[" + tech + "]", font_size = 9,
fill = muted_fill, opacity = 0.7 }] : []
concat(base, tech_part)
}