File size: 1,051 Bytes
9b906ea | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | import { cn } from "#/utils/utils";
import {
dropdownMenuRowGapClassName,
dropdownMenuRowIconWrapperClassName,
} from "#/utils/dropdown-classes";
interface ToolsContextMenuIconTextProps {
icon: React.ReactNode;
text: React.ReactNode;
rightIcon?: React.ReactNode;
className?: string;
}
export function ToolsContextMenuIconText({
icon,
text,
rightIcon,
className,
}: ToolsContextMenuIconTextProps) {
return (
<div
className={cn(
"flex min-w-0 w-full items-center justify-between",
dropdownMenuRowGapClassName,
className,
)}
>
<div
className={cn("flex min-w-0 items-center", dropdownMenuRowGapClassName)}
>
<span className={dropdownMenuRowIconWrapperClassName} aria-hidden>
{icon}
</span>
<span className="text-sm font-normal leading-5">{text}</span>
</div>
{rightIcon ? (
<span className={dropdownMenuRowIconWrapperClassName} aria-hidden>
{rightIcon}
</span>
) : null}
</div>
);
}
|