import {useTranslations} from "next-intl";
import {Grow, List} from "@mui/material";
import PreviousOperatorData from "./PreviousOperatorData";
import Topics from "./Topics";

const ListItemOfCalls = ({historyItem}) => {
    const t = useTranslations();

    // console.log(historyItem)

    return (
        <Grow in={true}>
            <List sx={{width: '100%', bgcolor: 'rgba(222,234,215,0.11)'}}>
                <PreviousOperatorData historyItem={historyItem}/>
                <Topics historyItem={historyItem}/>
            </List>
        </Grow>
    )
}

export default ListItemOfCalls
