mirror of
https://github.com/netbirdio/netbird.git
synced 2026-09-22 22:59:09 +02:00
Refactor UI --------- Co-authored-by: Eduard Gert <kontakt@eduardgert.de> Co-authored-by: braginini <bangvalo@gmail.com> Co-authored-by: Pascal Fischer <32096965+pascal-fischer@users.noreply.github.com> Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: riccardom <riccardomanfrin@gmail.com>
25 lines
613 B
TypeScript
25 lines
613 B
TypeScript
import { type ReactNode } from "react";
|
|
import { cn } from "@/lib/cn";
|
|
|
|
type Props = {
|
|
children?: ReactNode;
|
|
margin?: boolean;
|
|
className?: string;
|
|
disabled?: boolean;
|
|
};
|
|
|
|
export const HelpText = ({ children, margin = true, className, disabled = false }: Props) => (
|
|
<span
|
|
className={cn(
|
|
"block text-[.81rem] font-light tracking-wide transition-all duration-300 dark:text-nb-gray-300",
|
|
margin && "mb-2",
|
|
disabled && "pointer-events-none opacity-30",
|
|
className,
|
|
)}
|
|
>
|
|
{children}
|
|
</span>
|
|
);
|
|
|
|
export default HelpText;
|