Update use of ConfirmationModal

Author: kraenhansen

packages/compass-components/src/components/leafygreen.tsx

@@ -9,7 +9,10 @@ import { default as Banner } from '@leafygreen-ui/banner';
 import { Checkbox } from '@leafygreen-ui/checkbox';
 import { Card } from '@leafygreen-ui/card';
 import { Code, Language, Panel } from '@leafygreen-ui/code';
-import { ConfirmationModal } from '@leafygreen-ui/confirmation-modal';
+import {
+  ConfirmationModal,
+  Variant as ConfirmationModalVariant,
+} from '@leafygreen-ui/confirmation-modal';
 export type { ConfirmationModalProps } from '@leafygreen-ui/confirmation-modal';
 import { Icon as LeafyGreenIcon } from '@leafygreen-ui/icon';
 import type { Size as LeafyGreenIconSize } from '@leafygreen-ui/icon';
@@ -132,6 +135,7 @@ export {
   Code,
   Panel,
   ConfirmationModal,
+  ConfirmationModalVariant,
   Copyable,
   ExpandedContent,
   HeaderCell,

packages/compass-components/src/hooks/use-error-details.tsx

@@ -1,7 +1,6 @@
 import { showConfirmation } from './use-confirmation';
-import { Code } from '../components/leafygreen';
+import { Code, ConfirmationModalVariant } from '../components/leafygreen';
 import React from 'react';
-import { ButtonVariant } from '..';
 
 export const showErrorDetails = function showErrorDetails({
   details,
@@ -23,9 +22,6 @@ export const showErrorDetails = function showErrorDetails({
     ),
     hideCancelButton: true,
     buttonText: closeAction.replace(/\b\w/g, (c) => c.toUpperCase()),
-    confirmButtonProps: {
-      variant: ButtonVariant.Default,
-    },
-    initialFocus: '[data-testid=lg-confirmation_modal-footer-confirm_button]',
+    variant: ConfirmationModalVariant.Default,
   });
 };