mirror of
https://github.com/vercel/commerce.git
synced 2025-04-02 02:05:52 +00:00
23 lines
532 B
TypeScript
23 lines
532 B
TypeScript
import cn from 'classnames'
|
|
import { FC } from 'react'
|
|
import s from './ProductGrid.module.css'
|
|
import ProductCard from '@components/product/ProductCard'
|
|
interface Props {
|
|
className?: string
|
|
children?: any
|
|
products: [any]
|
|
}
|
|
|
|
const ProductView: FC<Props> = ({ products, className }) => {
|
|
const rootClassName = cn(s.root, className)
|
|
return (
|
|
<div className={rootClassName}>
|
|
{products.slice(0, 6).map(({ node }) => (
|
|
<ProductCard productData={node} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ProductView
|