// AdForm.js
import { Badge } from "antd";

export default function AdCard({ ad }) {
  return (
    <div className="col-lg-4 p-4 gx-4 gy-4">
      <Badge.Ribbon
        text={`${ad?.type} for ${ad?.action}`}
        color={ad?.action === "Sell" ? "blue" : "red"}
      >
        {/* rest of content */}
      </Badge.Ribbon>
    </div>
  );
}