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

export interface LayoutProps {
  dataHook?: string;
  className?: string;
  children?: React.ReactNode;
  gap?: React.CSSProperties['gap'];
  cols?: number;
  justifyItems?: React.CSSProperties['justifyItems'];
  alignItems?: React.CSSProperties['alignItems'];
  rowHeight?: React.CSSProperties['gridAutoRows'];
}

export interface CellProps {
  children?: React.ReactNode;
  className?: string;
  span?: number;
  vertical?: boolean;
  rows?: number;
}

export const Layout: React.FC<PropsWithChildren<LayoutProps>>;
export default Layout;

export const Cell: React.FC<PropsWithChildren<CellProps>>;