import React, { forwardRef } from 'react';
import clsx from 'clsx';

export const McolGrid = forwardRef(function McolGrid({ as: Tag, className, ...props }, ref) {
  return <Tag className={clsx(className)} {...props} ref={ref} />;
});

export const FlowGrid = forwardRef(function FlowGrid({ as: Tag, className, ...props }, ref) {
  return <Tag className={clsx(className)} {...props} ref={ref} />;
});