// 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>
);
}