julong-lib/components/ui/link-better.tsx

39 lines
799 B
TypeScript

import Link from "next/link";
import { FC } from "react";
export const SidebarLinkBetter: FC<{
className: string;
style: any;
children: any;
href?: string;
onClick?: () => void;
}> = ({ className, style, children, href, onClick }) => {
if (href)
return (
<div
className="flex flex-row flex-grow w-full"
onClick={() => {
if (typeof onClick === "function") {
onClick();
}
}}
>
<Link
href={href}
className={className}
style={style} // Terapkan gaya berdasarkan depth
>
{children}
</Link>
</div>
);
return (
<div
className={className}
style={style} // Terapkan gaya berdasarkan depth
>
{children}
</div>
);
};