/
runtime.tsx
75 lines (73 loc) · 1.91 KB
/
runtime.tsx
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/** @jsx jsx */
import { jsx, Box, Text, Theme } from 'theme-ui';
import { RuntimeConfiguration } from '@component-controls/core';
import { Link } from '@component-controls/components';
import { OctofaceIcon } from '@primer/octicons-react';
const config: RuntimeConfiguration = {
title: 'structured-types',
description: `api to extract structured type information from typescript types and jsdoc comments.`,
copyright: null,
author: null,
theme: {
fonts: {
heading:
'"Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;',
},
tabs: {
'.react-tabs__tab--selected': {
borderBottom: (t: Theme): string => `1px solid ${t?.colors?.primary}`,
color: 'primary',
},
},
},
toolbar: {
right: [
{
node: (
<Link href="https://github.com/ccontrols/component-controls/misc/structured-types">
<Box
sx={{
mr: 1,
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
}}
>
<OctofaceIcon />
<Text sx={{ ml: '2px' }}>github</Text>
</Box>
</Link>
),
},
],
},
footer: {
left: [
{
node: (
<Box
sx={{
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
}}
>
<Text sx={{ mr: 1 }}>built with</Text>
<Link href="https://component-controls.com">
<Box
sx={{
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
}}
>
component-controls
</Box>
</Link>
</Box>
),
},
],
},
};
export default config;