@lunit/oui/dist/components/NoMatchContainer/NoMatchContainer.js

Lunit Oncology UI components

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Typography } from '@mui/material';
const NoMatchContainer = () => {
    return (_jsx(Box, { "data-testid": "NoMatchContainer", sx: {
            display: 'flex',
            flexDirection: 'row',
            width: '100%',
            height: '100%',
            justifyContent: 'center',
        }, children: _jsxs(Box, { sx: {
                display: 'flex',
                flexDirection: 'column',
                alignItems: 'center',
            }, children: [_jsx(Typography, { variant: "h7", sx: {
                        color: "neutralGrey.25",
                        mt: '100px',
                        mb: '16px'
                    }, children: "Nothing matches your search" }), _jsx(Typography, { variant: "h9", sx: {
                        color: "neutralGrey.25"
                    }, children: "Please try again!" })] }) }));
};
export default NoMatchContainer;