31 lines
992 B
JavaScript
31 lines
992 B
JavaScript
const ViewDetailsBtn = ({ price, detailUrl }) => {
|
|
return (
|
|
<div className="flex items-center justify-between px-5 py-3.5 border-t border-gray-100">
|
|
<p className="text-sm text-dark-700">
|
|
Starting from{" "}
|
|
<span className="font-semibold text-dark-900">{price}</span>
|
|
</p>
|
|
<a
|
|
href="#hero"
|
|
className="inline-flex items-center gap-1 text-sm font-semibold text-primary-600 hover:text-primary-700 transition-colors duration-200"
|
|
>
|
|
View Details
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className="w-4 h-4 transition-transform duration-200 group-hover:translate-x-0.5"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="2.5"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
>
|
|
<path d="M5 12h14" />
|
|
<path d="m12 5 7 7-7 7" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ViewDetailsBtn;
|