import React from 'react';
import PropTypes from 'prop-types';
import Grid from '@mui/material/Grid';
import forbidden from '../../assets/img/forbidden.png';
import Typography from '../../dataDisplay/Typography';
import Button from '../../buttons/Button';
/**
 * Used when users don't have access to certain page due to insufficient rights.
 */
const Forbidden = ({ forbiddenText = 'Not allowed to see this page!', forbiddenButtonText = 'Go to main page' }) => {
    return (React.createElement(Grid, { container: true, direction: "column", justifyContent: "center", alignItems: "center", spacing: 2 },
        React.createElement(Grid, { item: true },
            React.createElement("img", { src: forbidden, alt: "ForbiddenImage" })),
        React.createElement(Grid, { item: true },
            React.createElement(Typography, { variant: 'h5', emphasis: "bold" }, forbiddenText)),
        React.createElement(Grid, { item: true },
            React.createElement(Button, { size: 'small', color: 'primary', href: '/' }, forbiddenButtonText))));
};
Forbidden.propTypes = {
    /**
     * @default 'Not allowed to see this page!'
     * Text to be displayed
     */
    forbiddenText: PropTypes.string,
    /**
     * @default 'Go to main page'
     * Text to be displayed on button
     */
    forbiddenButtonText: PropTypes.string
};
export default Forbidden;
//# sourceMappingURL=Forbidden.js.map