import Card from './Card';
import Section from './Section';
import GridSystem from './GridSystem';
import { validateChildren } from './utils';
import { createContext } from 'react';
import { GridContextProps } from './types';
import Item from './Item';
import ItemList from './ItemList';
import ItemSectionList from './ItemSectionList';
import Screen from './Screen';
import { TrackingScope } from './TrackingScope';
import { ScreenProps } from './Screen';

const GridContext = createContext<GridContextProps>({
  numberOfColumns: 12,
  gutterSize: 12,
  sizePerSpan: 0,
  getSizeSpan: () => 0,
});

export type { ScreenProps };

export {
  GridContext,
  Card,
  Section,
  GridSystem,
  validateChildren,
  Item,
  ItemList,
  ItemSectionList,
  Screen,
  TrackingScope,
};