import { Divider, List, ListItem, ListItemText } from "@mui/material";
import React from "react";
import { Grid } from "../../../../components/grid/Grid";
import { PropTypes } from "prop-types";

export const CityTenantOwnerInfo = ({ item }) => {
  return (
    <>
      <Divider />
      <Grid container direction="row" flexWrap="nowrap" flex="1">
        <Grid>
          <List
            sx={{
              width: "100%",
              maxWidth: 360,
              bgcolor: "background.paper",
            }}
          >
            <ListItem>
              <ListItemText
                primary="نام"
                secondary={item?.poultryTenant.fullName}
              />
            </ListItem>{" "}
            <Divider />
            <ListItem>
              <ListItemText
                primary="شناسه یکتا"
                secondary={item?.poultryTenant.breedingUniqueId}
              />
            </ListItem>{" "}
          </List>
        </Grid>
        <Grid>
          <List
            sx={{
              width: "100%",
              maxWidth: 360,
              bgcolor: "background.paper",
            }}
          >
            <ListItem>
              <ListItemText
                primary="موبایل"
                secondary={item?.poultryTenant.mobile}
              />
            </ListItem>{" "}
            <Divider />
            <ListItem>
              <ListItemText
                primary="کد ملی"
                secondary={item?.poultryTenant.nationalId}
              />
            </ListItem>
          </List>
        </Grid>
      </Grid>
    </>
  );
};

CityTenantOwnerInfo.propTypes = {
  item: PropTypes.object,
};
