From 74c9498ec61aec9c73b1595ed9d5380310315815 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Wed, 2 Feb 2022 07:33:52 +0400
Subject: [PATCH] Create KatRezoNou component

---
 components/kat-rezo-nou.js | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 components/kat-rezo-nou.js

diff --git a/components/kat-rezo-nou.js b/components/kat-rezo-nou.js
new file mode 100644
index 0000000..f4e3095
--- /dev/null
+++ b/components/kat-rezo-nou.js
@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types'
+import Box from '@mui/material/Box'
+import Card from '@mui/material/Card'
+import CardContent from '@mui/material/CardContent'
+import {CardActionArea} from '@mui/material'
+import Typography from '@mui/material/Typography'
+
+export default function KatRezoNou({tit, soutit, ko, lyen}) {
+  return (
+    <Box sx={{minWidth: 275, marginBottom: 3}}>
+      <Card raised>
+        <CardActionArea onClick={() => window.open(lyen, '_blank')}>
+          <CardContent>
+            <Typography color='primary' variant='button' sx={{fontSize: 25}}>
+              {tit}
+            </Typography>
+            <Typography variant='h6' component='div'>
+              {soutit}
+            </Typography>
+            <Typography variant='body2'>
+              {ko}
+            </Typography>
+          </CardContent>
+        </CardActionArea>
+      </Card>
+    </Box>
+  )
+}
+
+KatRezoNou.propTypes = {
+  tit: PropTypes.string.isRequired,
+  soutit: PropTypes.string.isRequired,
+  ko: PropTypes.string.isRequired,
+  lyen: PropTypes.string.isRequired
+}