export let widget_tablet = (b) => {
let w = attr_or(b, "width", 360)
let h = attr_or(b, "height", 260)
let title = attr_or(b, "title", "App")
let status = attr_or(b, "status_text", "9:41")
let surface_fill = attr_or(b, "surface_fill", "var(--color-nav-border)")
let screen_fill = attr_or(b, "screen_fill", "var(--color-bg)")
let border_stroke = attr_or(b, "border_stroke", "var(--color-nav-border)")
let border_width = attr_or(b, "border_width", 3)
let header_fill = attr_or(b, "header_fill", "var(--color-nav-bg)")
let title_fill = attr_or(b, "title_fill", "currentColor")
let status_fill = attr_or(b, "status_fill", "currentColor")
let indicator_fill = attr_or(b, "indicator_fill", "var(--color-nav-border)")
let radius = attr_or(b, "radius", 24)
[
{ kind = "rect", x = 0, y = 0, width = w, height = h, rx = radius,
fill = surface_fill, stroke = border_stroke, stroke_width = border_width },
{ kind = "rect", x = 12, y = 12, width = w - 24, height = h - 24, rx = radius - 8,
fill = screen_fill },
{ kind = "circle", x = w / 2, y = 7, r = 3, fill = indicator_fill },
{ kind = "rect", x = 12, y = 12, width = w - 24, height = 30, rx = radius - 8,
fill = header_fill },
{ kind = "rect", x = 12, y = 34, width = w - 24, height = 10,
fill = header_fill },
{ kind = "text", x = 26, y = 16, width = 70, height = 20,
content = status, font_size = 10, anchor = "start", fill = status_fill, opacity = 0.75 },
{ kind = "text", x = 0, y = 14, width = w, height = 24,
content = title, font_size = 14, fill = title_fill },
{ kind = "rect", x = (w - 84) / 2, y = h - 15, width = 84, height = 4,
rx = 2, fill = indicator_fill, opacity = 0.7 }
]
}