import React from 'react';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';

const PropertyPage: React.FC = () => {
    return (
          <Box component="section" sx={{ p: 2, border: '1px dashed grey' }}>
              <Typography variant="h3">
                  Property Type Management
              </Typography>
              <Box
                sx={{
                  display: "flex",           // Arrange children in a row
                  flexDirection: "row",
                  width: "100vw",             // Full width of the parent
                  p: 2,                       // Padding around the flex container
                  bgcolor: "#f5f5f5"
                }}
              >
              </Box>
          </Box>
      );
  };

export default PropertyPage;