(edit) rename ContributePageCard to WarningCard and define props and …

…add the dropshadow
AlexsLemonade · Sep 14, 2023 · 71d3ff4 · 71d3ff4
1 parent 5996897
commit 71d3ff4
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 47 deletions.
diff --git a/client/src/components/ContributePageCard.js b/client/src/components/ContributePageCard.js
diff --git a/client/src/components/WarningCard.js b/client/src/components/WarningCard.js
@@ -0,0 +1,31 @@
+import React from 'react'
+import { Box, Text } from 'grommet'
+import { CardBandLarge } from 'components/Band'
+import { WarningText } from 'components/WarningText'
+
+export const WarningCard = ({ label, children }) => {
+  return (
+    <CardBandLarge
+      align="center"
+      elevation="small"
+      pad={{ top: 'large' }}
+      width="100%"
+    >
+      <Box margin={{ bottom: 'medium' }}>
+        <WarningText
+          iconColor="error"
+          iconMargin="none"
+          iconSize="24px"
+          text={
+            <Text color="error" size="24px" weight="bold">
+              {label}
+            </Text>
+          }
+        />
+      </Box>
+      {children}
+    </CardBandLarge>
+  )
+}
+
+export default WarningCard