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
|
type Props = {
problem: string;
codeA: string;
scoreA: number | null;
codeB: string;
scoreB: number | null;
};
export default function GolfWatchAppGaming({
problem,
codeA,
scoreA,
codeB,
scoreB,
}: Props) {
return (
<div style={{ display: "flex", flexDirection: "column" }}>
<div style={{ display: "flex", flex: 1, justifyContent: "center" }}>
<div>{problem}</div>
</div>
<div style={{ display: "flex", flex: 3 }}>
<div style={{ display: "flex", flex: 3, flexDirection: "column" }}>
<div style={{ flex: 1, justifyContent: "center" }}>{scoreA}</div>
<div style={{ flex: 3 }}>
<pre>
<code>{codeA}</code>
</pre>
</div>
</div>
<div style={{ display: "flex", flex: 3, flexDirection: "column" }}>
<div style={{ flex: 1, justifyContent: "center" }}>{scoreB}</div>
<div style={{ flex: 3 }}>
<pre>
<code>{codeB}</code>
</pre>
</div>
</div>
</div>
</div>
);
}
|
