import { ReactNode } from 'react';
import type { ViewProps, FlexStyle } from 'react-native';

export interface RowProps extends ViewProps {
  /**
   * 列元素之间的间距
   */
  gap?: number;

  /**
   * 主轴对齐方式
   */
  justify?: FlexStyle['justifyContent'];

  /**
   * 交叉轴对齐方式
   */
  align?: FlexStyle['alignItems'];

  children?: ReactNode;
}

export interface RowContextState {
  gap?: RowProps['gap'];
}

export interface ColProps extends ViewProps {
  /**
   * 列元素宽度 1~24
   */
  span: number;

  /**
   * 列元素偏移距离 1 ~ (24 - span)
   * @default 0
   */
  offset?: number;

  children?: ReactNode;
}