import { Typography } from "@mui/material";
import { Grid } from "../../../../components/grid/Grid";

export const RespGuildExclusiveItem = ({ data }) => {
  return (
    <Grid>
      {data?.map((item, i) => {
        return (
          <Grid
            container
            key={i}
            alignItems="center"
            justifyContent="start"
            flexWrap="nowrap"
            style={{
              backgroundColor:
                i % 2 === 0 ? "rgb(251 245 255)" : "rgb(224 192 245)",
              padding: "10px",
            }}
          >
            <Grid xs={10}>
              <Typography textAlign={"justify"} variant="body1">
                {`${i + 1}-  ${item[6]} `}
              </Typography>
              <Typography textAlign={"justify"} variant="body2">
                {`با ماهیت ${item[3]} با کدملی ${item[7]} در شهرستان ${item[12]}`}
              </Typography>
            </Grid>
            <Grid xs={2}>{item[16]}</Grid>
          </Grid>
        );
      })}
    </Grid>
  );
};
