import React, { FunctionComponent } from 'react';
import { GridRowProps } from './types.d';

export const GridRow: FunctionComponent<GridRowProps> = ({
  children,
  className,
  horizontalAlignment,
  id,
  style,
  verticalAlignment,
}) => (
  <div
    className={`
      grid-row ${className ?? ''} 
      grid-row-vertical-${verticalAlignment ?? ''} 
      grid-row-horizontal-${horizontalAlignment ?? ''}`}
    style={style}
    id={id}
  >
    {children}
  </div>
);
