import { Box } from "@mui/system";
import { Grid } from "../components/grid/Grid";
import { SPACING } from "../data/spacing";
import { ViewBankAccount } from "../features/aviculture/components/view-bank-account/ViewBankAccount";
import { ViewProfile } from "../features/aviculture/components/view-profile/ViewProfile";

const AvicultureDashboard = () => {
  return (
    <Box display={"flex"} justifyContent="center">
      <Grid container direction="column" justifyContent="center">
        <Grid container justifyContent="space-between" gap={SPACING.SMALL}>
          <Grid xs={12} md={12} lg={7}>
            <ViewProfile />
          </Grid>
          <Grid xs={12} md={12} lg={4.5}>
            <ViewBankAccount />
          </Grid>
        </Grid>
      </Grid>
    </Box>
  );
};

export default AvicultureDashboard;
