export function StartOverWarningModal()

in src/components/StartOverWarningModal.tsx [48:76]


export function StartOverWarningModal({ setVisibility, startOver, stepCount }: Props) {
  const close = () => setVisibility(false);
  return (
    <EuiModal onClose={close}>
      <EuiModalHeader>
        <EuiModalHeaderTitle>
          <h3>{headerCopy(stepCount)}</h3>
        </EuiModalHeaderTitle>
      </EuiModalHeader>
      <EuiModalBody>
        By starting over, the script and all related steps will be permanently deleted. Are you sure
        you wish to proceed?
      </EuiModalBody>
      <EuiModalFooter>
        <EuiButtonEmpty onClick={close}>Cancel</EuiButtonEmpty>
        <EuiButton
          color="danger"
          fill
          onClick={() => {
            startOver();
            setVisibility(false);
          }}
        >
          Start over
        </EuiButton>
      </EuiModalFooter>
    </EuiModal>
  );
}