import { Box, Typography, Button } from '@mui/material'
import { useAuth } from '../contexts/AuthContext'
import { Link } from 'react-router-dom'

export default function Home() {
    const { isLoggedIn } = useAuth()

    if (!isLoggedIn) {
        return (
            <Box sx={{ p: 6, textAlign: 'center' }}>
                <Typography variant="h4" gutterBottom>숙제노기에 오신 걸 환영합니다 📝</Typography>
                <Typography variant="body1" gutterBottom>
                    이곳은 당신의 마비노기 숙제를 손쉽게 관리하는 웹 앱입니다.
                </Typography>
                <Button variant="contained" component={Link} to="/login">
                    로그인 하러 가기
                </Button>
            </Box>
        )
    }

    // ✅ 로그인 상태일 때 "컨텐츠 들어갈 자리"만 출력
    return (
        <Box sx={{ p: 4 }}>
            <Typography variant="h5" gutterBottom>컨텐츠 들어갈 자리</Typography>
        </Box>
    )
}
