From b7c37574f4f90fc346bc51dd06c77c8958570b33 Mon Sep 17 00:00:00 2001
From: Stanisław Zagórowski <hasohasacz@gmail.com>
Date: Wed, 30 Aug 2023 18:00:11 +0200
Subject: all: move front into its own directory

---
 front/src/components/carousel.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 front/src/components/carousel.tsx

(limited to 'front/src/components/carousel.tsx')

diff --git a/front/src/components/carousel.tsx b/front/src/components/carousel.tsx
new file mode 100644
index 0000000..af9279b
--- /dev/null
+++ b/front/src/components/carousel.tsx
@@ -0,0 +1,31 @@
+import './carousel.css';
+import Slider, { Settings } from 'react-slick';
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
+
+export default function Carousel(props: { children: any }) {
+  const settings: Settings = {
+    dots: true,
+    infinite: true,
+    speed: 500,
+    slidesToShow: 1,
+    slidesToScroll: 1
+  };
+
+  return (
+    <div class="carousel-wrapper">
+      <Slider {...settings}>
+        {
+          props.children instanceof Array ?
+            props.children.map((child: any) => {
+              return (
+                <div class="carousel-item">{child}</div>
+              );
+            })
+            :
+            <div class="carousel-item">{props.children}</div>
+        }
+      </Slider>
+    </div>
+  );
+}
-- 
cgit v1.3.1