From 2d527568a83b1209b7fcc705d5a1e8a6938a38f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 20 May 2024 14:46:42 +0400
Subject: [PATCH] Create component

---
 components/konstitisyon/create.js | 33 +++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 components/konstitisyon/create.js

diff --git a/components/konstitisyon/create.js b/components/konstitisyon/create.js
new file mode 100644
index 0000000..d2fa9d8
--- /dev/null
+++ b/components/konstitisyon/create.js
@@ -0,0 +1,33 @@
+import Box from '@mui/material/Box'
+import SpeedDial from '@mui/material/SpeedDial'
+import SpeedDialIcon from '@mui/material/SpeedDialIcon'
+import SpeedDialAction from '@mui/material/SpeedDialAction'
+import ArticleIcon from '@mui/icons-material/Article'
+import TitleIcon from '@mui/icons-material/Title'
+
+const actions = [
+  {icon: <TitleIcon />, name: 'Créer un titre'},
+  {icon: <ArticleIcon />, name: 'Créer un article'}
+]
+
+export default function Create() {
+  return (
+    <Box sx={{height: 18, transform: 'translateZ(0px)', flexGrow: 1}}>
+      <SpeedDial
+        FabProps={{color: 'success'}}
+        direction='left'
+        ariaLabel='Créer un titre ou un article'
+        sx={{position: 'absolute', bottom: 18, right: 0}}
+        icon={<SpeedDialIcon />}
+      >
+        {actions.map(action => (
+          <SpeedDialAction
+            key={action.name}
+            icon={action.icon}
+            tooltipTitle={action.name}
+          />
+        ))}
+      </SpeedDial>
+    </Box>
+  )
+}