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;
