pierrelf.com
this repo has no description
1import Box from '@mui/material/Box';
2import Typography from '@mui/material/Typography';
3import BoltIcon from '@mui/icons-material/Bolt';
4
5interface XPDisplayProps {
6 xp: number;
7}
8
9export function XPDisplay({ xp }: XPDisplayProps) {
10 return (
11 <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
12 <BoltIcon sx={{ color: '#FFC800', fontSize: 22 }} />
13 <Typography
14 variant="body2"
15 sx={{ color: '#FFC800', fontWeight: 700, fontSize: '0.95rem' }}
16 >
17 {xp}
18 </Typography>
19 </Box>
20 );
21}