// ImageUpload.js
import { Avatar } from "antd";

return (
    <>
      <div className="d-flex mt-4">
        <label className="btn btn-secondary mr-1">
          {ad.uploading
            ? "Uploading..."
            : ad.removing
            ? "Removing..."
            : "Upload photos"}
          <input
            onChange={handleUpload}
            type="file"
            accept="image/*"
            multiple
            hidden
          />
        </label>

        {ad.photos?.map((file) => (
          <Avatar
            src={file?.Location}
            shape="square"
            size={46}
            className="mx-1"
          />
        ))}
      </div>
    </>
  );