import React from 'react';
import { Typography, Container, Button } from '@mui/material';
import { useAuth } from '../../contexts/AuthContext';

const ChangePasswordPagePlaceholder: React.FC = () => {
    const { setShowForcedPasswordChangeModal } = useAuth();
  return (
    <Container>
      <Typography variant="h4" component="h1" gutterBottom>
        Cambiar Contraseña (Página)
      </Typography>
      <Typography>
        La funcionalidad de cambio de contraseña ahora se maneja principalmente a través de un modal.
      </Typography>
      <Button onClick={() => setShowForcedPasswordChangeModal(true)}>
        Abrir Modal de Cambio de Contraseña
      </Button>
    </Container>
  );
};

export default ChangePasswordPagePlaceholder;