fix: add danger button class

0xflair · Dec 28, 2022 · 3d0e1ff · 3d0e1ff
1 parent 591a997
commit 3d0e1ff
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/react/src/core/ui/components/elements/Button.tsx b/packages/react/src/core/ui/components/elements/Button.tsx
@@ -6,6 +6,9 @@ export const PRIMARY_BUTTON =
 export const SECONDARY_BUTTON =
   'inline-flex items-center whitespace-nowrap px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-indigo-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed';
 
+export const DANGER_BUTTON =
+  'inline-flex items-center whitespace-nowrap px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-red-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 disabled:opacity-50 disabled:cursor-not-allowed';
+
 export const ACTION_BUTTON =
   'inline-flex items-center whitespace-nowrap px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed';