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