mirror of https://github.com/portainer/portainer
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import { HelpCircle } from 'lucide-react';
|
|
import clsx from 'clsx';
|
|
|
|
import { TooltipWithChildren } from '@@/Tip/TooltipWithChildren';
|
|
|
|
interface Props {
|
|
tooltipId: string;
|
|
url?: string;
|
|
}
|
|
|
|
export function LimitedToBeIndicator({ tooltipId, url }: Props) {
|
|
return (
|
|
<div className="absolute left-0 top-0 w-full">
|
|
<div className="mx-auto flex max-w-fit items-center gap-1 rounded-b-lg bg-warning-4 px-3 py-1 text-sm th-dark:bg-[color:var(--bg-BE-only)]">
|
|
<a
|
|
className="text-warning-9 th-dark:text-blue-8"
|
|
href={url}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
BE Feature
|
|
</a>
|
|
<TooltipWithChildren
|
|
position="bottom"
|
|
className={clsx(tooltipId, 'portainer-tooltip')}
|
|
heading="Business Edition feature."
|
|
message="This feature is currently limited to Business Edition users only."
|
|
>
|
|
<HelpCircle
|
|
className="ml-1 !text-warning-7 th-dark:!text-blue-8"
|
|
aria-hidden="true"
|
|
/>
|
|
</TooltipWithChildren>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|