import * as React from 'react';
import {PropsWithChildren} from "react";

export interface ContainerProps {
  fluid?: boolean;
  className?: string;
  stretchVertically?: boolean;
}

export interface ColumnsProps {
  className?: string;
  rtl?: boolean;
  stretchViewsVertically?: boolean;
  dataHook?: string;
}

export interface ColProps {
  className?: string;
  span?: string | number;
  rtl?: boolean;
  xs?: string | number;
  sm?: string | number;
  md?: string | number;
  lg?: string | number;
  xl?: string | number;
  dataHook?: string;
}

export interface AutoAdjustedColumnsProps {}

export const Container: React.FC<PropsWithChildren<ContainerProps>>;
export const RawContainer: React.FC<PropsWithChildren<ContainerProps>>;
export class Columns extends React.Component<PropsWithChildren<ColumnsProps>> {}
export class Row extends React.Component<PropsWithChildren<ColumnsProps>> {}
export class Col extends React.Component<PropsWithChildren<ColProps>> {}
export class AutoAdjustedColumns extends React.Component<PropsWithChildren<AutoAdjustedColumnsProps>> {}
export class AutoAdjustedRow extends React.Component<PropsWithChildren<AutoAdjustedColumnsProps>> {}