import React from 'react'; type Props = { children: React.ReactNode; className?: string; onClick: () => void; disabled?: boolean; } export default function SubmitButton({children, className= '', disabled = false, onClick}: Props) { return ( <button onClick={onClick} disabled={disabled} className={`px-4 h-8 whitespace-nowrap border-b border-red-500/25 text-xs uppercase tracking-wider font-bold rounded-sm shadow-md transform transition-animation hover:shadow-lg active:shadow-inner active:translate-y-px ${disabled ? 'opacity-50' : 'opacity-100'} ${className} `} > {children} </button> ) }