25 lines
722 B
TypeScript
25 lines
722 B
TypeScript
import { MenuItem } from '../lib/model';
|
|
|
|
const SubMenuLink = ({ item }: { item: MenuItem }) => {
|
|
return (
|
|
<a
|
|
className="flex flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-accent-foreground"
|
|
href={item.url}
|
|
>
|
|
<div className="text-foreground">
|
|
{item.icon && <item.icon className="size-5 shrink-0" />}
|
|
</div>
|
|
<div>
|
|
<div className="text-sm font-semibold">{item.title}</div>
|
|
{item.description && (
|
|
<p className="text-sm leading-snug text-muted-foreground">
|
|
{item.description}
|
|
</p>
|
|
)}
|
|
</div>
|
|
</a>
|
|
);
|
|
};
|
|
|
|
export default SubMenuLink;
|