| <div className={cn(className, inline && 'flex w-full items-center justify-between')}> | <div className={cn(className, inline && 'flex w-full items-center justify-between')}> | ||||
| <div | <div | ||||
| onClick={() => supportFold && toggleFold()} | onClick={() => supportFold && toggleFold()} | ||||
| className={cn('sticky top-0 flex items-center justify-between bg-components-panel-bg', supportFold && 'cursor-pointer')}> | |||||
| className={cn('flex items-center justify-between', supportFold && 'cursor-pointer')}> | |||||
| <div className='flex h-6 items-center'> | <div className='flex h-6 items-center'> | ||||
| <div className={cn(isSubTitle ? 'system-xs-medium-uppercase text-text-tertiary' : 'system-sm-semibold-uppercase text-text-secondary')}> | <div className={cn(isSubTitle ? 'system-xs-medium-uppercase text-text-tertiary' : 'system-sm-semibold-uppercase text-text-secondary')}> | ||||
| {title} {required && <span className='text-text-destructive'>*</span>} | {title} {required && <span className='text-text-destructive'>*</span>} |