How can I utilize props to avoid this repetition in my code??
import React from "react";
export const FindUs = () => {
return (
<div className="p-[6%]">
<div className="text-landing-title font-semibold text-4xl ">
Find us
</div>
<div>
<div className="block text-landing-footer-contactUs text-lg font-medium mb-3 mt-9">
Address
</div>
<div className="text-landing-text font-normal text-sm leading-5 pt-2">
</div>
</div>
<div>
<div className="block text-landing-footer-contactUs text-lg font-medium mb-3 mt-9">
Email Address
</div>
<div className="text-landing-text font-normal text-sm leading-5 pt-2">
</div>
</div>
<div>
<div className="block text-landing-footer-contactUs text-lg font-medium mb-3 mt-9">
Phone Number
</div>
<div className="text-landing-text font-normal text-sm leading-5 pt-2">
</div>
</div>
</div>
);
};