import {Stack, Typography} from "@mui/material";
import CallIcon from '@mui/icons-material/Call';
import CallTabTime from "@/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/CallTabsList/CallTabTime";

const CallTabDetails = ({tab}) => {
    
    return (
        <Stack direction = "row" justifyContent = "center" alignItems = "center" spacing = {3}>
            <CallIcon/>
            <Stack alignItems = {"start"}>
                <Typography>{tab.phone_number}</Typography>
                <CallTabTime realTimeDate = {tab.date}/>
            </Stack>
        </Stack>
    )
}
export default CallTabDetails