🔀 merge: Merge branch 'common' of https://github.com/KieIO/grocery-vercel-commerce into common

pages/index.tsx

@@ -1,19 +1,33 @@
 
-import { ButtonCommon, Inputcommon, Layout } from 'src/components/common';
-import { IconBuy } from 'src/components/icons';
+import { ButtonCommon, CarouselCommon, LabelCommon, Layout, QuanittyInput } from 'src/components/common'
+import { IconBuy } from 'src/components/icons'
+import { ButonType, ButtonSize } from 'src/utils/constanst.utils'
+
+const dataTest = [{
+  text: 1
+}, {
+  text: 2
+}, {
+  text: 3
+}, {
+  text: 4
+}, {
+  text: 5
+}, {
+  text: 6
+}]
+const test = (props: { text: string }) => <div className="h-64 bg-yellow-300">{props.text}</div>
 export default function Home() {
   return (
     <>
-      <div>This is home page</div>
-      <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>
-
-      <Inputcommon placeholder="Enter here" />
-      <Inputcommon placeholder="Enter here" type='number' />
-      <Inputcommon placeholder="Enter here" value="23434" />
-
-      <ButtonCommon type='ghost' icon={<IconBuy/>}>Button</ButtonCommon>
+      <CarouselCommon data={dataTest} Component={test} itemKey="test" />
+      <QuanittyInput size="default" min={5} max={10} initValue={3} />
+      <QuanittyInput size="small" min={3} step={10} />
+      <LabelCommon type="default" shape="half" >SEEFOOT</LabelCommon>
+      <LabelCommon type="discount" shape="round">-15%</LabelCommon>
+      <LabelCommon type="waiting">Waitting</LabelCommon>
+      <LabelCommon type="delivering" >Delivering</LabelCommon>
+      <LabelCommon type="delivered">Delivered</LabelCommon>
     </>
   )
 }