import classNames from 'classnames'; import styles from './GridLayout.module.css'; export default function GridLayout({ className, children }) { return
{children}
; } export const GridRow = ({ className, children }) => { return
{children}
; }; export const GridColumn = ({ xs, sm, md, lg, xl, className, children }) => { const classes = []; classes.push(xs ? `col-${xs}` : 'col-12'); if (sm) { classes.push(`col-sm-${sm}`); } if (md) { classes.push(`col-md-${md}`); } if (lg) { classes.push(`col-lg-${lg}`); } if (xl) { classes.push(`col-lg-${xl}`); } return
{children}
; };