init caroucel

pages/index.tsx

@@ -1,6 +1,22 @@
 
-import { ButtonCommon, Layout } from 'src/components/common'
+import { ButtonCommon, CarouselCommon, Layout } from 'src/components/common'
+const dataTest = [{
+  text:1
+},{
+  text:2
+},{
+  text:3
+},{
+  text:4
+},{
+  text:5
+},{
+  text:6
+}]
+const test = (props:any)=><div className="h-64 bg-yellow-300">{props.text}</div>
 export default function Home() {
+
+
   return (
     <>
       <div>This is home page</div>
@@ -8,6 +24,8 @@ export default function Home() {
       <p>Go to <code>pages/index.tsx</code> to get your hand dirty!</p>
       <p>Go to <code>src/components</code> to make your awesome component!</p>
       <p>Go to <code>src/styles</code> to find global styles!</p>
+      <CarouselCommon data={dataTest} Component={test} key="test"/>
+        
     </>
   )
 }