redhare-demo/components/common/ArrowLink.js

19 lines
420 B
JavaScript

import Link from 'next/link'
import { Icons } from 'components'
const ArrowLink = props => {
//? Props
const { children, path } = props
//? Render(s)
return (
<Link href={path} className="inline-flex items-center text-sm text-blue-400 max-w-max">
<span className="text-sky-500">{children}</span>
<Icons.ArrowRight2 className="icon text-sky-500 " />
</Link>
)
}
export default ArrowLink