import React from "react";
import { Grid as BaseGrid } from "baseui/layout-grid";

export interface GridProps {
  children: React.ReactNode;
}

/**
 * This is the `<Grid>` component <br />
 * Use this to align the components on a twelve column grid
 */
const Grid: React.FC<GridProps> = (props) => {
  const { children } = props;

  return <BaseGrid {...props}>{children}</BaseGrid>;
};

export default Grid;
