aswi2023one-team-to-rule-them-all-gitlab/src/components/loading/LoadingBox.tsx @ 7410d6c1
1 |
import { HStack, Heading, Spinner } from "native-base" |
---|---|
2 |
import React from "react" |
3 |
|
4 |
|
5 |
interface LoadingBoxProps { |
6 |
text: string |
7 |
}
|
8 |
|
9 |
const LoadingBox = (props: LoadingBoxProps) => { |
10 |
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 |