StartScreen index.tsx

0% Statements 0/3

100% Branches 0/0

0% Functions 0/1

0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from 'react';
import { css } from '@emotion/react';
import { StartScreen as StartScreenModel } from '@uniquegood/realworld-web-interface/lib/models/game/Screen/Start';
import Screen from '@lib/components/Game/Screen';
 
interface StartScreenProps {
  screen: StartScreenModel;
}
 
export default function StartScreen({ screen }: StartScreenProps) {
  return (
    <div css={mainContainer}>
      <div css={screenContainer} key={screen.id}>
        <Screen {...screen} />
      </div>
    </div>
  );
}
 
const mainContainer = css`
  max-width: 500px;
  width: 100%;
  min-height: 100%;
  height: 100%;
  margin: auto;
 
  display: flex;
  align-items: center;
 
  position: relative;
`;
 
const screenContainer = css`
  position: relative;
  flex: 1;
`;