import { Box } from "@mui/material";
import { Grid } from "../components/grid/Grid";
import { SPACING } from "../data/spacing";
// import { ProvincePricingOperations } from "../features/province/components/province-pricing-operations/ProvincePricingOperations";
import { ProvincePricing } from "../features/province/components/province-pricing/ProvincePricing";

const ProvinceManagePricing = () => {
  return (
    <>
      <Box display={"flex"} justifyContent="center">
        <Grid
          container
          direction="column"
          justifyContent="center"
          xs={12}
          sm={12}
          md={10}
          lg={10}
        >
          {/* <Grid justifyContent="center" my={SPACING.MEDIUM}>
            <Card>
              <ProvincePricingOperations />
            </Card>
          </Grid> */}
          <Grid
            container
            justifyContent="space-between"
            gap={SPACING.SMALL}
            mt={SPACING.SMALL}
          >
            <Grid width="100%">
              <ProvincePricing />
            </Grid>
          </Grid>
        </Grid>
      </Box>
    </>
  );
};

export default ProvinceManagePricing;
