import cn from 'classnames' import { FC, ReactNode, Component } from 'react' import s from './Grid.module.css' interface Props { className?: string children?: any items: [any] | any layout?: 'A' | 'B' | 'C' | 'D' wrapper?: ReactNode | Component | any } const DefaultWrapper: FC = ({ children }) =>
{children}
// DEFAULT ITEMS WRAPPER const Grid: FC = ({ items = [], className, layout = 'A', wrapper: Component = DefaultWrapper, }) => { const rootClassName = cn( s.root, { [s.layoutA]: layout === 'A', [s.layoutB]: layout === 'B', [s.layoutC]: layout === 'C', [s.layoutD]: layout === 'D', }, className ) return (
{items.map((data: any) => ( ))}
) } export default Grid