"use client";

import AutorenewOutlinedIcon from "@mui/icons-material/AutorenewOutlined";
import Button from "@mui/material/Button";

import type { ViewMeetingSummaryIssueRow } from "@/features/ministry/meeting-summary/components/view-meeting-summary/view-meeting-summary-data";

export function MeetingSummaryListOfIssueUpdateButton({
  issue,
  onUpdate,
}: {
  issue: ViewMeetingSummaryIssueRow;
  onUpdate?: (issue: ViewMeetingSummaryIssueRow) => void;
}) {
  return (
    <Button
      startIcon={<AutorenewOutlinedIcon sx={{ fontSize: 24, color: "#717680" }} />}
      onClick={() => onUpdate?.(issue)}
      sx={{
        color: "#717680",
        textTransform: "none",
        fontSize: 12,
        fontWeight: 400,
        px: 1,
        minWidth: 0,
        whiteSpace: "nowrap",
        "& .MuiButton-startIcon": { mr: 0.5 },
        "&:hover": { bgcolor: "transparent", color: "#1a64a8" },
      }}
    >
      Update Issue
    </Button>
  );
}