import {useTranslations} from "next-intl";
import {Stack, Typography} from "@mui/material";

const HistoryHeader = ({tab}) => {
    const t = useTranslations();
    return (
        <Stack sx={{
            flexDirection: "row",
            alignItems: "center",
            justifyContent: "center",
            py: 2,
            backgroundColor: "primary.main",
            overflow: "hidden"
        }}>
            <Typography variant="subtitle1" sx={{marginRight: 1, color: "#fff"}}>
                .... {t("CallHistory.call_history_of")}:
            </Typography>
            <Typography variant="subtitle1" sx={{color: "#fff"}}>
                {tab.phone_number} ....
            </Typography>
        </Stack>
    )
}

export default HistoryHeader
