make components reusable

2026-08-20 22:49:18 +00:00 · 2021-06-11 11:17:29 +02:00
parent 9f896fe440
commit 8221c72629
3 changed files with 70 additions and 73 deletions
@@ -0,0 +1,33 @@
+import { Icon } from '@chakra-ui/react';
+import { FiChevronUp } from 'react-icons/fi';
+import style from './Info.module.css';
+
+export default function InfoTitle(props) {
+  const { title, data } = props;
+  return (
+    <div className={style.container}>
+      <div className={style.header}>
+        {title}
+        <Icon
+          className={style.moreExpanded}
+          as={FiChevronUp}
+          marginTop='-0.5em'
+          // onClick={() => props.setCollapsed(true)}
+        />
+      </div>
+
+      <div>
+        <span className={style.label}>Title: </span>Demo title
+      </div>
+      <div>
+        <span className={style.label}>Subtitle: </span>Demo Subtitle
+      </div>
+      <div>
+        <span className={style.label}>Presenter: </span>Demo Presenter Name
+      </div>
+      <div>
+        <span className={style.label}>Notes: </span>Demo Notes
+      </div>
+    </div>
+  );
+}