import { ReactNode } from 'react';
import {
  ImageProps as XrnImageProps,
  ImageSource as XrnImageSource,
} from '@xrnjs/image';
import { ViewProps, StyleProp, ViewStyle, ImageStyle } from 'react-native';

export type ImageSource = XrnImageSource;

export interface ImageProps extends XrnImageProps {
  /**
   * 图片宽度 和RN的Image保持一致 权重 style > source > props
   */
  width?: number;
  /**
   * 图片高度 和RN的Image保持一致 权重 style > source > props
   */
  height?: number;
}

export interface ImageBackgroundProps extends Omit<ImageProps, 'style'> {
  /**
   * 背景图片的样式
   */
  imageStyle?: StyleProp<ImageStyle>;
  /**
   * 容器的样式
   */
  style?: StyleProp<ViewStyle>;
  /**
   * 子组件
   */
  children?: ReactNode;
  /**
   * 容器的其他属性
   */
  containerProps?: ViewProps;
}