import {Fragment} from 'react'; import {css} from '@emotion/react'; import styled from '@emotion/styled'; import type {ModalRenderProps} from 'sentry/actionCreators/modal'; import {Button} from 'sentry/components/button'; import ButtonBar from 'sentry/components/buttonBar'; import {t} from 'sentry/locale'; import {space} from 'sentry/styles/space'; import {Card} from 'sentry/views/dashboards/widgetBuilder/widgetLibrary/card'; import type {WidgetTemplate} from 'sentry/views/dashboards/widgetLibrary/data'; export type OverwriteWidgetModalProps = { iconColor: string; onConfirm: () => void; widget: WidgetTemplate; }; type Props = ModalRenderProps & OverwriteWidgetModalProps; const MODAL_DESCRIPTION = t( "You've already started building this widget and will lose unsaved changes. Are you sure you want to overwrite this widget with the template values?" ); function OverwriteWidgetModal({ Header, Body, Footer, closeModal, onConfirm, widget, iconColor, }: Props) { function handleConfirm() { onConfirm(); closeModal(); } return (

{t('Overwrite Widget')}

{MODAL_DESCRIPTION} ); } export default OverwriteWidgetModal; export const modalCss = css` width: 100%; max-width: 700px; margin: 70px auto; `; const CardWrapper = styled('div')` padding: ${space(3)} 0; `;