@red-hat-developer-hub/backstage-plugin-bulk-import/dist/components/WaitingForPR.esm.js

import { jsxs, jsx } from 'react/jsx-runtime';
import { StatusPending, Link } from '@backstage/core-components';
import OpenInNewIcon from '@mui/icons-material/OpenInNew';
import Typography from '@mui/material/Typography';
import { useTranslation } from '../hooks/useTranslation.esm.js';

const WaitingForPR = ({ url }) => {
  const { t } = useTranslation();
  return /* @__PURE__ */ jsxs(
    Typography,
    {
      component: "span",
      style: {
        display: "flex"
      },
      children: [
        /* @__PURE__ */ jsx(StatusPending, {}),
        /* @__PURE__ */ jsx(Typography, { component: "span", children: t("status.waitingForApproval") }),
        url && /* @__PURE__ */ jsxs(
          Link,
          {
            to: url,
            "data-testid": "pull request url",
            style: {
              paddingLeft: "5px",
              display: "inline-flex"
            },
            children: [
              t("repositories.pr"),
              /* @__PURE__ */ jsx(OpenInNewIcon, { sx: { paddingBottom: "5px", paddingTop: "3px" } })
            ]
          }
        )
      ]
    }
  );
};

export { WaitingForPR };
//# sourceMappingURL=WaitingForPR.esm.js.map