| | |
| | | errorMsg, |
| | | }) => { |
| | | return ( |
| | | <div className={cn(className, 'border-t border-divider-subtle bg-dataset-warning-message-bg px-4 py-2 opacity-40')}> |
| | | <div className='flex h-5 items-center'> |
| | | <AlertTriangle className='mr-2 h-4 w-4 text-text-warning-secondary' /> |
| | | <div className='system-md-medium text-text-warning'>{title}</div> |
| | | <div className={cn(className, 'py-2 px-4 border-t border-gray-200 bg-[#FFFAEB]')}> |
| | | <div className='flex items-center h-5'> |
| | | <AlertTriangle className='mr-2 w-4 h-4 text-text-warning-secondary' /> |
| | | <div className='text-sm font-medium text-[#DC6803]'>{title}</div> |
| | | </div> |
| | | {errorMsg && ( |
| | | <div className='system-xs-regular mt-1 pl-6 text-text-secondary'>{errorMsg}</div> |
| | | <div className='mt-1 pl-6 leading-[18px] text-xs font-normal text-gray-700'>{errorMsg}</div> |
| | | )} |
| | | </div> |
| | | ) |