1
// Licensed to the Software Freedom Conservancy (SFC) under one
2
// or more contributor license agreements.  See the NOTICE file
3
// distributed with this work for additional information
4
// regarding copyright ownership.  The SFC licenses this file
5
// to you under the Apache License, Version 2.0 (the
6
// "License"); you may not use this file except in compliance
7
// with the License.  You may obtain a copy of the License at
8
//
9
//   http://www.apache.org/licenses/LICENSE-2.0
10
//
11
// Unless required by applicable law or agreed to in writing,
12
// software distributed under the License is distributed on an
13
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
14
// KIND, either express or implied.  See the License for the
15
// specific language governing permissions and limitations
16
// under the License.
17

18
import React from 'react'
19
import { Box, Container, Typography } from '@mui/material'
20

21
function Error (props) {
22
  const { message, errorMessage } = props
23
  return (
24
    <Box
25
      height='100%'
26
      width='100%'
27
      paddingY={3}
28
    >
29
      <Box
30
        display='flex'
31
        flexDirection='column'
32
        height='100%'
33
        justifyContent='center'
34
      >
35
        <Container maxWidth='md'>
36
          <Box mb={3}>
37
            <Typography
38
              align='center'
39
              color='textPrimary'
40
              variant='h3'
41
            >
42
              {message}
43
            </Typography>
44
          </Box>
45
          <Typography
46
            align='center'
47
            color='textPrimary'
48
            variant='h4'
49
            component='span'
50
          >
51
            <pre>
52
              {errorMessage}
53
            </pre>
54
          </Typography>
55
        </Container>
56
      </Box>
57
    </Box>
58
  )
59
}
60

61
export default Error
62

63