| | |
| | | import Tooltip from '@/app/components/base/tooltip' |
| | | type Props = { |
| | | className?: string |
| | | icon: React.JSX.Element |
| | | icon: JSX.Element |
| | | name: string |
| | | description: string |
| | | children: React.JSX.Element |
| | | children: JSX.Element |
| | | } |
| | | |
| | | const ItemPanel: FC<Props> = ({ |
| | |
| | | children, |
| | | }) => { |
| | | return ( |
| | | <div className={cn(className, 'flex h-12 items-center justify-between rounded-lg bg-background-section-burn px-3')}> |
| | | <div className={cn(className, 'flex justify-between items-center h-12 px-3 rounded-lg bg-gray-50')}> |
| | | <div className='flex items-center'> |
| | | {icon} |
| | | <div className='ml-3 mr-1 text-sm font-semibold leading-6 text-text-secondary'>{name}</div> |
| | | <div className='ml-3 mr-1 leading-6 text-sm font-semibold text-gray-800'>{name}</div> |
| | | <Tooltip |
| | | popupContent={ |
| | | <div className='w-[180px]'> |