| | |
|---|
| | | |
|---|
| | | return ( |
|---|
| | | <div |
|---|
| | | className='relative flex rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 pr-[52px] shadow-xs' |
|---|
| | | className='relative flex p-2 pr-[52px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xs' |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | className='absolute inset-0 rounded-lg opacity-40' |
|---|
| | | className='absolute inset-0 opacity-40 rounded-lg' |
|---|
| | | style={{ |
|---|
| | | background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%)', |
|---|
| | | }} |
|---|
| | | ></div> |
|---|
| | | <RiAlertFill className='mr-1 h-4 w-4 shrink-0 text-text-warning-secondary' /> |
|---|
| | | <div className='system-xs-medium grow text-text-primary'> |
|---|
| | | <RiAlertFill className='shrink-0 mr-1 w-4 h-4 text-text-warning-secondary' /> |
|---|
| | | <div className='grow system-xs-medium text-text-primary'> |
|---|
| | | {text} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
