import { useParams } from '@tanstack/react-router'
import { Paper, Stack, Typography } from '@mui/material'

export function DetailPage() {
  const { id } = useParams({ from: '/detail/$id' })

  return (
    <Stack spacing={2}>
      <Typography variant="h1">详情</Typography>
      <Paper sx={{ p: 3, border: '1px solid #e6ded1', background: '#fffaf2' }}>
        <Typography color="text.secondary">当前条目 ID: {id}</Typography>
      </Paper>
    </Stack>
  )
}
