import type React from 'react';
import type {
  StyleProp,
  ViewStyle,
  TextStyle,
  TouchableWithoutFeedbackProps,
  ViewProps,
  ImageSourcePropType,
  ImageStyle,
} from 'react-native';
import { Type } from './enum';

export { Type };
export interface CardProps extends ViewProps {
  /**
   * Type.AllCard：卡片圆角为16
   *
   * Type.NestCard：卡片圆角为8
   */
  type?: Type;

  /**
   * 卡片背景色
   * @default white
   */
  background?: string;

  /**
   * 图片url
   */
  imageSource?: ImageSourcePropType;
  /**
   * 图片区域样式
   */
  imageStyle?: StyleProp<ImageStyle>;

  /**
   * 标题
   */
  title?: React.ReactNode;

  /**
   * 标题左侧操作区
   */
  titleLeftExtra?: React.ReactNode;

  /**
   * 卡片右上角的操作区域
   */
  extra?: React.ReactNode;

  /**
   * 底部区域
   */
  footer?: React.ReactNode;

  /**
   * 自定义标题区域样式
   */
  headerStyle?: StyleProp<ViewStyle>;

  /**
   * 头部标题的样式
   */
  titleStyle?: StyleProp<ViewStyle>;

  /**
   * 头部标题文案样式
   */
  titleTextStyle?: StyleProp<TextStyle>;

  /**
   * 内容区域自定义样式
   */
  bodyStyle?: StyleProp<ViewStyle>;

  /**
   * 底部自定义样式
   */
  footerStyle?: StyleProp<ViewStyle>;

  /**
   * 底部文案自定义样式
   */
  footerTextStyle?: StyleProp<TextStyle>;

  // /**
  //  * 是否有边框
  //  * @default false
  //  */
  // bordered?: boolean

  /**
   * 大小
   * @default 'm'
   */
  size?: 'm' | 's';

  /**
   * 是否为方形
   * @default false
   */
  square?: boolean;

  /**
   * 当卡片内容还在加载中时，可以用 loading 展示一个占位
   * @default false
   */
  loading?: boolean;

  /**
   * header 区域显示分割线
   * @default false
   */
  headerDivider?: boolean;

  /**
   * footer 区域显示分割线
   * @default false
   */
  footerDivider?: boolean;

  /**
   * body 是否有内边距
   * @default false
   */
  bodyPadding?:
    | boolean
    | number
    | {
        left?: boolean | number;
        right?: boolean | number;
        top?: boolean | number;
        bottom?: boolean | number;
      };

  /**
   * 点击 header 区域，该区域包含 titleLeftExtra、title、extra
   */
  onPressHeader?: TouchableWithoutFeedbackProps['onPress'];

  /**
   * header 区域渲染完成
   */
  onLayoutHeader?: ViewProps['onLayout'];

  /**
   * body 区域渲染完成
   */
  onLayoutBody?: ViewProps['onLayout'];
}

export interface CardBodyProps extends ViewProps {
  /**
   * 内边距
   */
  padding?: CardProps['bodyPadding'];

  /**
   * 默认留白大小
   * @default 'm'
   */
  size?: 's' | 'm' | 'l';
}