|
|
| import React from 'react'; |
|
|
| interface SuggestionButtonProps { |
| text: string; |
| |
| onClick: () => void; |
| disabled?: boolean; |
| } |
|
|
| export const SuggestionButton: React.FC<SuggestionButtonProps> = ({ text, onClick, disabled }) => { |
| return ( |
| <button |
| onClick={onClick} |
| disabled={disabled} |
| className={` |
| flex items-center justify-center text-left w-full |
| p-3 bg-slate-800 hover:bg-slate-700 |
| border border-slate-700 hover:border-cyan-600 |
| rounded-lg text-slate-200 hover:text-cyan-300 |
| transition-all duration-200 ease-in-out |
| focus:ring-2 focus:ring-cyan-500 focus:outline-none |
| disabled:opacity-60 disabled:cursor-not-allowed |
| hover:scale-[1.02] transform hover:shadow-lg hover:shadow-cyan-500/20 |
| `} |
| > |
| {/* Emoji span removed */} |
| <span className="text-sm font-medium">{text}</span> |
| </button> |
| ); |
| }; |
|
|
