aswi2023one-team-to-rule-them-all-gitlab/src/components/loading/LoadingBox.tsx @ cea63222
1 | 852de08e | Fantič | import { Center, Box, VStack, Button, HStack, Text, Image, ScrollView, Heading, Spinner } from "native-base" |
---|---|---|---|
2 | import React from "react" |
||
3 | |||
4 | |||
5 | a7a9a204 | Fantič | interface LoadingBoxProps { |
6 | 852de08e | Fantič | text: string |
7 | }
|
||
8 | |||
9 | a7a9a204 | Fantič | const LoadingBox = (props: LoadingBoxProps) => { |
10 | 852de08e | Fantič | const { text } = props; |
11 | |||
12 | return ( |
||
13 | <HStack alignItems="center" flex="1" justifyContent="center"> |
||
14 | <Spinner/> |
||
15 | <Heading color="primary.400" fontSize="md"> |
||
16 | {text} |
||
17 | </Heading> |
||
18 | </HStack> |
||
19 | );
|
||
20 | }
|
||
21 | |||
22 | |||
23 | export default LoadingBox |