12 lines
456 B
TypeScript
12 lines
456 B
TypeScript
import { IconArrowNarrowRight } from '@tabler/icons-react';
|
|
import { colors } from '@/constants';
|
|
|
|
export default function AccentLink({ link, label }: { link: string, label: string }) {
|
|
return (
|
|
<a href={link} className='flex gap-1 items-center hover:translate-x-2 hover:scale-110 transition-transform duration-200 w-fit'>
|
|
<p style={{ color: colors.accent }}>{label}</p>
|
|
<IconArrowNarrowRight color={colors.accent} />
|
|
</a>
|
|
);
|
|
}
|