import { Call } from "@mui/icons-material";
import { Stack, Typography } from "@mui/material";
import CallTabTime from "./CallTabTime";

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