1
<Stack space="x-spacious">
2
    <SectionList name="2025">
3
        <SectionListDateItem
4
            title="Motivation In An Absurd System"
5
            url="/posts/2025/fuzzy-search"
6
            date={new Date('2025-03-23')}
7
        />
8
        <SectionListDateItem
9
            title="Building a design system with Vanilla Extract and Astro"
10
            url="/posts/2025/vanilla-extract-design-system"
11
            date={new Date('2025-01-15')}
12
        />
13
    </SectionList>
14
    <SectionList name="2024">
15
        <SectionListDateItem
16
            title="Understanding CSS Grid layout patterns"
17
            url="/posts/2024/css-grid"
18
            date={new Date('2024-11-08')}
19
        />
20
        <SectionListDateItem
21
            title="The TypeScript satisfies operator"
22
            date={new Date('2024-07-22')}
23
        />
24
    </SectionList>
25
</Stack>

1
<SectionList name="Currently Reading">
2
    <Box as="li">
3
        <Stack space="xxx-small">
4
            <Text
5
                element="p"
6
                weight="medium">
7
                Designing Data-Intensive Applications
8
            </Text>
9
            <Text
10
                element="p"
11
                tone="secondary"
12
                size="small">
13
                Martin Kleppmann
14
            </Text>
15
        </Stack>
16
    </Box>
17
    <Box as="li">
18
        <Stack space="xxx-small">
19
            <Text
20
                element="p"
21
                weight="medium">
22
                A Philosophy of Software Design
23
            </Text>
24
            <Text
25
                element="p"
26
                tone="secondary"
27
                size="small">
28
                John Ousterhout
29
            </Text>
30
        </Stack>
31
    </Box>
32
    <Box as="li">
33
        <Stack space="xxx-small">
34
            <Text
35
                element="p"
36
                weight="medium">
37
                The Pragmatic Programmer
38
            </Text>
39
            <Text
40
                element="p"
41
                tone="secondary"
42
                size="small">
43
                David Thomas, Andrew Hunt
44
            </Text>
45
        </Stack>
46
    </Box>
47
</SectionList>