import { Box } from "@mui/material";
import { Grid } from "../components/grid/Grid";
import { SPACING } from "../data/spacing";
import { ProvinceManageCars } from "../features/province/components/province-manage-cars/ProvinceManageCars";

const CarManagement = () => {
  return (
    <Box display={"flex"} justifyContent="center">
      <Grid
        container
        direction="column"
        justifyContent="center"
        xs={12}
        sm={12}
        md={10}
        lg={10}
        my={SPACING.MEDIUM}
      >
        {/* <Grid justifyContent="center" my={SPACING.MEDIUM}>
            <Card>
              <SlaughterOperations />
            </Card>
          </Grid> */}
        <Grid container justifyContent="space-between" gap={SPACING.SMALL}>
          <Grid xs={12}>
            <ProvinceManageCars />
          </Grid>
        </Grid>
      </Grid>
    </Box>
  );
};

export default CarManagement;
