'use client';

import Typography from '@mui/material/Typography';
import Grid from '@mui/material/Grid';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';

export default function DashboardOverview() {
  const handlePortalTorreClick = () => {
    window.open('https://portaltorre.jurunense.com/', '_blank');
  };

  return (
    <Grid container spacing={3}>
      <Grid size={{ xs: 12, sm: 6, md: 4 }}>
        <Card
          onClick={handlePortalTorreClick}
          sx={{
            cursor: 'pointer',
            transition: 'all 0.3s ease',
            '&:hover': {
              transform: 'translateY(-4px)',
              boxShadow: 6,
            },
          }}
        >
          <CardContent>
            <Typography variant="h6" fontWeight="600" mb={1}>
              Portal Torre
            </Typography>
            <Typography variant="body2" color="textSecondary">
              Acesse o Portal Torre de Controle
            </Typography>
          </CardContent>
        </Card>
      </Grid>
    </Grid>
  );
}
