import { Typography, Box, useTheme } from "@mui/material";

export default function ItemInfo() {
    const theme = useTheme();

    return (
        <Box
            sx={{
                minHeight: 200,
                display: "flex",
                alignItems: "center",
                justifyContent: "center",
                backgroundColor: theme.palette.background.paper,
                color: theme.palette.text.secondary,
                borderRadius: 2,
                boxShadow: 2,
                mt: 4,
                p: 4,
                textAlign: "center",
            }}
        >
            <Typography variant="h6">
                🚧 Under construction...
            </Typography>
        </Box>
    );
}
