import { Box, Typography } from '@mui/material';
import { Science as ScienceIcon } from '@mui/icons-material';

export default function TitleBanner() {
  return (
    <Box
      sx={{
        position: 'fixed',
        top: 0,
        left: 0,
        right: 0,
        zIndex: (theme) => theme.zIndex.appBar + 1,
        bgcolor: 'primary.dark',
        color: 'white',
        py: 1,
        px: 3,
        display: 'flex',
        alignItems: 'center',
        gap: 2,
        boxShadow: 3,
      }}
    >
      <ScienceIcon sx={{ fontSize: 28 }} />
      <Box sx={{ flexGrow: 1 }}>
        <Typography variant="subtitle1" component="div" sx={{ fontWeight: 600, lineHeight: 1.3 }}>
          Simulation de Réseau de Files d'Attente
        </Typography>
        <Typography variant="caption" sx={{ opacity: 0.9, lineHeight: 1.2 }}>
          Base de données distribuée - Théorème de Jackson • MED - Projet 2025-2026 • Modélisation Incertitude et Simulation
        </Typography>
      </Box>
    </Box>
  );
}