import React, { RefObject } from 'react';

export interface GridColumnProps {
  className?: string;
  col: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
  offset?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
  verticalAlignment?: 'start' | 'center' | 'end';
  horizontalAlignment?: 'start' | 'center' | 'end';
  style?: React.CSSProperties;
  id?: string;
  ref?: RefObject<HTMLDivElement>;
}

export interface GridRowProps {
  className?: string;
  verticalAlignment?: 'start' | 'center' | 'end';
  horizontalAlignment?: 'start' | 'center' | 'end';
  id?: string;
  style?: React.CSSProperties;
}

export type GridProps = {
  className?: string;
  id?: string;
  style?: React.CSSProperties;
};
