src-migrate/modules/product-promo/components/Item.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import style from '../styles/item.module.css'

import React from 'react'
import Image from 'next/image'

import { IProductVariantPromo } from '~/common/types/promotion'

type Props = {
  variant: IProductVariantPromo
}

const ProductPromoItem = ({ variant }: Props) => {
  return (
    <div className={style.item}>
      <div className={style.image}>
        <Image src={variant.image} alt={variant.display_name} width={320} height={320} />
        <div className={style.quantity}>{variant.qty} pcs</div>
      </div>
      <div className={style.name}>{variant.name}</div>
    </div>
  )
}

export default ProductPromoItem