import {Fragment} from 'react'; import styled from '@emotion/styled'; import type {ModalRenderProps} from 'sentry/actionCreators/modal'; import {Button, LinkButton} from 'sentry/components/button'; import {t} from 'sentry/locale'; type Props = ModalRenderProps & { linkText: string; }; function NavigateToExternalLinkModal({Body, closeModal, Header, linkText}: Props) { const handleClose = () => closeModal(); return (

{t('Heads up')}

{t( "You're leaving Sentry and will be redirected to the following external website:" )}

{linkText} {t('Continue')} ); } export default NavigateToExternalLinkModal; export {NavigateToExternalLinkModal}; const ButtonContainer = styled('div')` display: flex; flex-direction: column; gap: 10px; `; const ParagraphContainer = styled('p')` word-break: break-all; white-space: normal; `; const ButtonBar = styled('div')` display: flex; flex-direction: row; gap: 5px; justify-content: end; `;