16 lines
765 B
TypeScript
16 lines
765 B
TypeScript
/** The small forward-nudging arrow shared by ArrowLink and the "Mehr erfahren" affordance inside AngebotCard/EventTeaserCard (which can't use ArrowLink directly since those are already whole-tile links, and nesting an anchor inside an anchor is invalid). Purely visual - animates on the parent's `group-hover`. */
|
|
export function ArrowIcon({ className = "" }: { className?: string }) {
|
|
return (
|
|
<svg
|
|
width="14"
|
|
height="10"
|
|
viewBox="0 0 14 10"
|
|
fill="none"
|
|
aria-hidden="true"
|
|
className={`shrink-0 transition-transform duration-300 group-hover:translate-x-1 ${className}`}
|
|
>
|
|
<path d="M1 5h11.5M8 1l4.5 4L8 9" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" />
|
|
</svg>
|
|
);
|
|
}
|