
import React, { useState } from "react";
import { Typography, useMediaQuery, useTheme } from "@mui/material";

const AdminCommoditiesList: React.FC = () => {
  const theme = useTheme();
  const isSmallScreen = useMediaQuery(theme.breakpoints.down("md"));

  return (
    <div
      style={{
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        overflow: "hidden",
        minHeight: "85vh",
        padding: "10px 20px 10px 20px",
      }}
    >
      <Typography
        style={{
          fontWeight: 400,
          fontFamily: "Roboto",
          fontSize: isSmallScreen ? "32px" : "26px",
          color: "black",
          textAlign: "center",
        }}
      >
       Work In Progress
      </Typography>
    </div>
  );
};
export default AdminCommoditiesList;
