mirror of
https://github.com/vercel/commerce.git
synced 2025-07-21 11:51:20 +00:00
26 lines
563 B
TypeScript
26 lines
563 B
TypeScript
import React, { memo } from 'react'
|
|
import CarouselCommon from '../CarouselCommon/CarouselCommon'
|
|
import BannerItem, { BannerItemProps } from './BannerItem/BannerItem'
|
|
|
|
interface Props {
|
|
data: BannerItemProps[],
|
|
}
|
|
|
|
const option = {
|
|
slidesPerView: 1,
|
|
breakpoints: {}
|
|
}
|
|
const Banner = memo(({ data }: Props) => {
|
|
return (
|
|
<CarouselCommon<BannerItemProps>
|
|
data={data}
|
|
itemKey="banner"
|
|
Component={BannerItem}
|
|
option={option}
|
|
isDot = {true}
|
|
/>
|
|
)
|
|
})
|
|
|
|
export default Banner
|