import { Typography } from 'antd';
import MultiImageUpload from './MultiImageUpload';

type Props = {
  name?: string;
  label: string;
  bizType?: string;
  /** 最多可添加张数；不传则不限制 */
  maxCount?: number;
  /** Form.Item 注入 */
  value?: string[];
  onChange?: (urls: string[]) => void;
};

/**
 * 商品详情/轮播等多图列表。
 * 可直接包在 Form.Item 下（value/onChange），也可用 Form.List 的 name 外层再包 Form.Item。
 */
export default function DetailImageUrlList({
  label,
  bizType = 'DETAIL',
  maxCount,
  value,
  onChange,
}: Props) {
  return (
    <>
      <Typography.Text type="secondary" style={{ display: 'block', marginBottom: 8 }}>
        {label}：支持批量上传{maxCount != null ? `，最多 ${maxCount} 张` : ''}
      </Typography.Text>
      <MultiImageUpload
        bizType={bizType}
        mediaType="IMAGE"
        maxCount={maxCount}
        value={value}
        onChange={onChange}
        tip={`支持一次选择多张${label}`}
      />
    </>
  );
}