recipe-app/frontend/src/components/basics/TextLinkButton.tsx

20 lines
No EOL
547 B
TypeScript

type TextLinkButtonProps = {
text: string;
onClick: () => void;
className?: string;
};
/**
* TextLinkButton - A button styled as a hyperlink
*/
export default function TextLinkButton({text, onClick, className = ''}: TextLinkButtonProps) {
return (
<button
type="button"
onClick={onClick}
className={`text-blue-600 hover:text-blue-800 hover:underline transition-colors bg-transparent border-none p-0 cursor-pointer ${className}`}
>
{text}
</button>
);
}