import { useCategory } from "@/lib/contexts/category";
import CallActionCategoriesButton from "./CallActionCategoriesButton";
import { Chip, Divider, Grid, Stack } from "@mui/material";

const CallActionsCategories = ({ control }) => {
  const { categoryLists } = useCategory();
  return (
    <>
      <Divider sx={{ margin: 2 }}>
        <Chip label={"موضوع ها"} variant="outlined" />
      </Divider>
      <Stack sx={{ m: 1, p: 1 }} direction={"row"} spacing={3}>
        {categoryLists.map((category) => (
          <CallActionCategoriesButton
            key={category.category_id}
            category={category}
            control={control}
          />
        ))}
      </Stack>
    </>
  );
};
export default CallActionsCategories;
