import React from 'react';
import { Typography, Container } from '@mui/material';
// import { useLocation } from 'react-router-dom'; // Para obtener el estado 'firstLogin'

const ChangePasswordPage: React.FC = () => {
   // const location = useLocation();
   // const isFirstLogin = location.state?.firstLogin;

  return (
    <Container>
      <Typography variant="h4" component="h1" gutterBottom>
        Cambiar Contraseña
      </Typography>
      {/* {isFirstLogin && <Alert severity="warning">Debes cambiar tu contraseña inicial.</Alert>} */}
      {/* Aquí irá el formulario de cambio de contraseña */}
      <Typography variant="body1">
        Formulario de cambio de contraseña irá aquí...
      </Typography>
    </Container>
  );
};

export default ChangePasswordPage;