Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | interface ErrorMessageProps {
message: string;
onRetry: () => void;
className?: string;
}
export const ErrorMessage = ({ className = '', message, onRetry }: ErrorMessageProps) => (
<div className={`flex flex-col items-center justify-center gap-4 ${className}`}>
<p className='text-center text-gray-600'>{message}</p>
<button
className='bg-mint-500 hover:bg-mint-600 rounded-lg px-6 py-2 text-white transition-colors'
onClick={onRetry}
>
다시 시도
</button>
</div>
);
|