1 files changed, 22 insertions, 0 deletions
diff --git a/src-migrate/modules/product/PromoProduct.tsx b/src-migrate/modules/product/PromoProduct.tsx
new file mode 100644
index 00000000..83b05e88
--- /dev/null
+++ b/src-migrate/modules/product/PromoProduct.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import style from './PromoProduct.module.css'
+import { IProductVariantPromo } from '~/common/types/promotion'
+import Image from 'next/image'
+
+type Props = {
+  variant: IProductVariantPromo
+}
+
+const PromoProduct = ({ variant }: Props) => {
+  return (
+    <div className={style.product}>
+      <div className={style.image}>
+        <Image src={variant.image} alt={variant.display_name} width={320} height={320} />
+      </div>
+      <div className={style.fillDesc}>Isi {variant.qty} barang</div>
+      <div className={style.name}>{variant.name}</div>
+    </div>
+  )
+}
+
+export default PromoProduct
+\ No newline at end of file