27 lines
793 B
JavaScript
27 lines
793 B
JavaScript
import { Skeleton, Box } from '@mui/material';
|
|
import GenericWidget from './GenericWidget';
|
|
|
|
function BriefingWidget({ briefing, sx }) {
|
|
return (
|
|
<GenericWidget
|
|
title="Your Daily Briefing"
|
|
sx={{ ...sx }}
|
|
>
|
|
<Box sx={{ mt: 1 }}>
|
|
{briefing ? (
|
|
<p className="briefing-text">{briefing}</p>
|
|
) : (
|
|
<>
|
|
<Skeleton variant="text" sx={{ fontSize: '1rem' }} />
|
|
<Skeleton variant="text" sx={{ fontSize: '1rem' }} />
|
|
<Skeleton variant="text" sx={{ fontSize: '1rem', mb: 1 }} />
|
|
<Skeleton variant="text" sx={{ fontSize: '1rem' }} />
|
|
<Skeleton variant="text" sx={{ fontSize: '1rem' }} />
|
|
</>
|
|
)}
|
|
</Box>
|
|
</GenericWidget>
|
|
);
|
|
}
|
|
|
|
export default BriefingWidget;
|