1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
component Card(top, title, bottom):
Box(
width="100%",
padding=32,
background="#F8FAFC",
radius=28
)[
Column(gap=12)[
Text(
text=top,
font_size=15,
font_weight="bold",
color="#7C3AED"
)
Text(
text=title,
font_size=40,
font_weight="bold",
color="#111827"
)
Text(
text=bottom,
font_size=17,
color="#64748B"
)
]
]
component Main(data):
Center(
width="100%",
height="100%",
padding=8,
background="#0F172A",
gap=16
)[
for(idx, item in data)[
Card(top="${idx}", title=item["name"], bottom="BOTTOM")
]
]