import type { PropsWithChildren } from 'react';
import type { ViewProps, FlexStyle, StyleProp, ViewStyle } from 'react-native';

import type { BlankProps } from '../blank/interface';

type SpaceDirection = 'vertical' | 'horizontal';

export interface SpaceProps extends ViewProps, PropsWithChildren<{}> {
  /**
   * 间距方向 `'vertical' | 'horizontal'`
   * @default 'vertical'
   */
  direction?: SpaceDirection;

  /**
   * 是否自动换行，仅在 horizontal 时有效
   * @default false
   */
  wrap?: boolean;

  /**
   * 间距大小
   * @default 's'
   */
  gap?: number | BlankProps['size'];

  /**
   * 垂直方向的间距大小
   * @default 8
   */
  gapVertical?: number;

  /**
   * 水平方向的间距大小
   * @default 8
   */
  gapHorizontal?: number;

  /**
   * 头部是否添加间距
   * @default false
   */
  head?: boolean | number;

  /**
   * 尾部是否添加间距
   * @default false
   */
  tail?: boolean | number;

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

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

  /**
   * item样式
   */
  itemStyle?: StyleProp<ViewStyle>;

  /**
   * 是否为面板布局
   */
  isPanel?: boolean;

  /**
   * 用于计算元素的右边距
   */
  numberOfSingleLines?: number;
}