import React from 'react'; import { Button } from '../../../../ui/button'; import clsx from 'clsx'; import { TooltipWrapper } from './TooltipWrapper'; import { Check, Rocket, Sliders } from 'lucide-react'; import { defineMessages, useIntl } from '../../../../../i18n'; const i18n = defineMessages({ configure: { id: 'cardButtons.configure', defaultMessage: 'Configure', }, launch: { id: 'cardButtons.launch', defaultMessage: 'Launch', }, }); interface ActionButtonProps extends React.ComponentProps { /** Icon component to render, e.g. `RefreshCw` from lucide-react */ icon?: React.ComponentType>; /** Tooltip text to show; optional if you want no tooltip. */ tooltip?: React.ReactNode; /** Additional classes for styling. */ className?: string; /** Text to display next to the icon */ text?: string; /** Additional class for the icon specifically */ iconClassName?: string; } export function ActionButton({ icon: Icon, size = 'sm', variant = 'outline', tooltip, className, text, iconClassName, ...props }: ActionButtonProps) { const ButtonElement = ( ); if (tooltip) { return {ButtonElement}; } return ButtonElement; } export function GreenCheckButton({ tooltip, className = '', ...props }: ActionButtonProps) { return ( {}} {...props} /> ); } export function ConfigureSettingsButton({ tooltip, className, ...props }: ActionButtonProps) { const intl = useIntl(); return ( ); } export function RocketButton({ tooltip, className, ...props }: ActionButtonProps) { const intl = useIntl(); return ( ); }