import React from 'react';
import PropTypes from 'prop-types';
import { NotFoundImage, NotFoundText } from './NotFoundStyles';
import notFound from '../../assets/img/notFound.png';
import Grid from '@mui/material/Grid';
/**
 * Used when a page cannot be found.
 */
const NotFound = ({ text = 'Not Found', details = 'The resource requested could not be found on this server!' }) => {
    return (React.createElement(Grid, null,
        React.createElement(NotFoundImage, null,
            React.createElement("img", { src: notFound, alt: "notFoundImage" })),
        React.createElement(NotFoundText, { variant: 'h5' }, text),
        React.createElement(NotFoundText, { variant: 'h5' }, details)));
};
NotFound.propTypes = {
    /**
     * @default 'Not Found'
     * The text to be displayed when this component is rendered
     */
    text: PropTypes.string,
    /**
     * @default 'The resource requested could not be found on this server!'
     * The details to be displayed when this component is rendered
     */
    details: PropTypes.string
};
export default NotFound;
//# sourceMappingURL=NotFound.js.map