/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import type {GitHubIssue} from './githubAPI';

import * as React from 'react';
import Icon from '../Icon';
import styles from './shared.css';

export default function UpdateExistingIssue({
  gitHubIssue,
}: {
  gitHubIssue: GitHubIssue,
}): React.Node {
  const {title, url} = gitHubIssue;
  return (
    <div className={styles.GitHubLinkRow}>
      <Icon className={styles.ReportIcon} type="bug" />
      <div className={styles.UpdateExistingIssuePrompt}>
        Update existing issue:
      </div>
      <a
        className={styles.ReportLink}
        href={url}
        rel="noopener noreferrer"
        target="_blank"
        title="Report bug">
        {title}
      </a>
    </div>
  );
}