tailwind-nextjs-blog/components/Tag.tsx
2022-10-17 15:37:01 +00:00

19 lines
419 B
TypeScript

import Link from 'next/link';
import kebabCase from '@/lib/utils/kebabCase';
interface Props {
text: string;
}
const Tag = ({ text }: Props) => {
return (
<Link href={`/tags/${kebabCase(text)}`}>
<a className="mr-3 text-sm font-medium uppercase text-primary-500 hover:text-primary-600 dark:hover:text-primary-400">
{text.split(' ').join('-')}
</a>
</Link>
);
};
export default Tag;