1
0
mirror of https://github.com/vercel/commerce.git synced 2025-03-28 16:25:53 +00:00
2020-10-16 12:46:02 -03:00

42 lines
923 B
TypeScript

import cn from 'classnames'
import s from './Marquee.module.css'
import { FC, ReactNode, Component } from 'react'
import Ticker from 'react-ticker'
interface Props {
className?: string
children?: ReactNode[] | Component[] | any[]
variant?: 'primary' | 'secondary'
}
const M: FC<Props> = ({ className = '', children, variant = 'primary' }) => {
const rootClassName = cn(
s.root,
{
[s.primary]: variant === 'primary',
[s.secondary]: variant === 'secondary',
},
className
)
// return (
// <div className={rootClassName}>
// <div className={s.container}>
// {items.map((p: any) => (
// <Component {...p} />
// ))}
// </div>
// </div>
// )
return (
<div className={rootClassName}>
<Ticker offset={80}>
{({ index }) => <div className={s.container}>{children}</div>}
</Ticker>
</div>
)
}
export default M