feat(mespapiers): Add ScanResultTitle component

cozy · May 30, 2023 · 50b9ed4 · 50b9ed4
1 parent 392e02b
commit 50b9ed4
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResultTitle.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResultTitle.jsx
@@ -0,0 +1,33 @@
+import React from 'react'
+
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import Typography from 'cozy-ui/transpiled/react/Typography'
+import { makeStyles } from 'cozy-ui/transpiled/react/styles'
+
+const useStyles = makeStyles(() => ({
+  typography: {
+    color: 'var(--successColor)',
+    marginLeft: '0.5rem'
+  }
+}))
+
+const ScanResultTitle = () => {
+  const styles = useStyles()
+  const { t } = useI18n()
+
+  return (
+    <div className="u-flex u-flex-items-center u-flex-justify-center u-mb-1-half">
+      <Icon
+        icon="check-circle"
+        color="var(--successColor)"
+        aria-hidden="true"
+      />
+      <Typography variant="h4" className={styles.typography} role="status">
+        {t('Acquisition.success')}
+      </Typography>
+    </div>
+  )
+}
+
+export default ScanResultTitle