Files
jellyfin-web/src/components/common/NoItemsMessage.tsx
T
2024-10-14 16:03:55 -04:00

26 lines
681 B
TypeScript

import React, { type FC } from 'react';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import globalize from 'lib/globalize';
interface NoItemsMessageProps {
message?: string;
}
const NoItemsMessage: FC<NoItemsMessageProps> = ({
message = 'MessageNoItemsAvailable'
}) => {
return (
<Box className='noItemsMessage centerMessage'>
<Typography variant='h1'>
{globalize.translate('MessageNothingHere')}
</Typography>
<Typography paragraph>
{globalize.translate(message)}
</Typography>
</Box>
);
};
export default NoItemsMessage;