import { Box } from "@mui/material";
import { FC } from "react";
import { QuizMetricType } from "@model/quizSettings";
import PostbackDefault from "@/assets/icons/logo/Postback";
import PostbackPC from "@/assets/icons/logo/PostbackPC";
import { IntegrationButton } from "./IntegrationButton";

type PostbackButtonProps = {
  setIsModalOpen: (value: boolean) => void;
  setCompanyName: (value: keyof typeof QuizMetricType) => void;
};

export const PostbackButton: FC<PostbackButtonProps> = ({
  setIsModalOpen,
  setCompanyName,
}) => {
  const handleClick = () => {
    setCompanyName("postback" as keyof typeof QuizMetricType);
    setIsModalOpen(true);
  };

  return (
    <IntegrationButton onClick={handleClick} padding="0 0 0 20px">
      <>
        {/* Иконка монитора */}
        <PostbackPC />
        {/* Текст Postback */}
        <PostbackDefault />
      </>
    </IntegrationButton>
  );
};