portainer/app/react/components/BETeaserButton.tsx

48 lines
958 B
TypeScript

import { Briefcase } from 'lucide-react';
import { FeatureId } from '@/react/portainer/feature-flags/enums';
import { Button } from '@@/buttons';
import { TooltipWithChildren } from '@@/Tip/TooltipWithChildren';
interface Props {
featureId: FeatureId;
heading: string;
message: string;
buttonText: string;
className?: string;
buttonClassName?: string;
}
export function BETeaserButton({
featureId,
heading,
message,
buttonText,
className,
buttonClassName,
}: Props) {
return (
<TooltipWithChildren
className={className}
heading={heading}
BEFeatureID={featureId}
message={message}
>
<span>
<Button
className={buttonClassName}
icon={Briefcase}
type="button"
color="default"
size="small"
onClick={() => {}}
disabled
>
{buttonText}
</Button>
</span>
</TooltipWithChildren>
);
}