23 lines
554 B
TypeScript
23 lines
554 B
TypeScript
import { cn } from '@/lib/utils';
|
|
|
|
interface TipsProps {
|
|
className?: string;
|
|
kind?: 'success' | 'error' | 'warning' | 'info';
|
|
text: string;
|
|
}
|
|
|
|
export default function Tips({ className, kind = 'info', text }: TipsProps) {
|
|
return (
|
|
<div
|
|
className={cn('w-full rounded-md ', {
|
|
'bg-green-500': kind === 'success',
|
|
'bg-red-500': kind === 'error',
|
|
'bg-yellow-500': kind === 'warning',
|
|
'bg-blue-500': kind === 'info',
|
|
className
|
|
})}
|
|
>
|
|
<p className="px-4 py-2">{text}</p>
|
|
</div>
|
|
);
|
|
}
|