import { Stack, Typography } from "@mui/material";

const ActionHeader = ({ tab }) => {
    return (
        <Stack
            sx={{
                flexDirection: "row",
                alignItems: "center",
                justifyContent: "center",
                py: 2,
                backgroundColor: "primary.main",
                overflow: "hidden",
            }}
        >
            <Typography variant="subtitle1" sx={{ marginRight: 1, color: "#fff" }}>
                .... عملیات های مربوط به تماس:
            </Typography>
            <Typography data-testid="phone_number" variant="subtitle1" sx={{ color: "#fff" }}>
                {tab.phone_number} ....
            </Typography>
        </Stack>
    );
};

export default ActionHeader;
