@totalsoft/rocket-ui
Version:
A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.
32 lines • 1.37 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
import Grid from '@mui/material/Grid2';
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, null,
React.createElement("img", { src: forbidden, alt: "ForbiddenImage" })),
React.createElement(Grid, null,
React.createElement(Typography, { variant: 'h5', emphasis: "bold" }, forbiddenText)),
React.createElement(Grid, null,
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