mirror of https://github.com/msgbyte/tailchat
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
498 B
TypeScript
20 lines
498 B
TypeScript
4 years ago
|
import type { ClassValue } from 'clsx';
|
||
|
|
import clsx from 'clsx';
|
||
|
|
import React from 'react';
|
||
|
|
|
||
|
|
export const NavbarNavItem: React.FC<{
|
||
|
|
className?: ClassValue;
|
||
|
|
}> = React.memo((props) => {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={clsx(
|
||
|
|
'w-12 h-12 hover:rounded-lg bg-gray-300 transition-all rounded-1/2 cursor-pointer flex items-center justify-center overflow-hidden',
|
||
|
|
props.className
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
{props.children}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
});
|
||
|
|
NavbarNavItem.displayName = 'NavbarNavItem';
|