Deepvest/ProfilingAI

1import React from 'react';2 3interface AlertProps {4  children: React.ReactNode;5  className?: string;6  variant?: 'default' | 'destructive';7}8 9export const Alert = ({ children, className = '', variant = 'default' }: AlertProps) => {10  return (11    <div12      className={`p-4 mb-4 rounded-lg bg-white border ${13        variant === 'destructive' ? 'border-red-200' : 'border-gray-200'14      } ${className}`}15      role="alert"16    >17      {children}18    </div>19  );20};21 22export const AlertTitle = ({ children, className = '' }: { children: React.ReactNode; className?: string }) => (23  <h5 className={`mb-1 font-medium text-sm ${className}`}>{children}</h5>24);25 26export const AlertDescription = ({ children, className = '' }: { children: React.ReactNode; className?: string }) => (27  <div className={`text-sm text-gray-700 ${className}`}>{children}</div>28);