| destructive && 'border-components-input-border-destructive bg-components-input-bg-destructive text-components-input-text-filled hover:border-components-input-border-destructive hover:bg-components-input-bg-destructive focus:border-components-input-border-destructive focus:bg-components-input-bg-destructive', | destructive && 'border-components-input-border-destructive bg-components-input-bg-destructive text-components-input-text-filled hover:border-components-input-border-destructive hover:bg-components-input-bg-destructive focus:border-components-input-border-destructive focus:bg-components-input-bg-destructive', | ||||
| className, | className, | ||||
| )} | )} | ||||
| value={value} | |||||
| value={value ?? ''} | |||||
| onChange={onChange} | onChange={onChange} | ||||
| disabled={disabled} | disabled={disabled} | ||||
| {...props} | {...props} |
| {(!published || !isLoading) && ( | {(!published || !isLoading) && ( | ||||
| <div className={cn( | <div className={cn( | ||||
| 'group rounded-lg bg-background-section-burn transition-colors', | 'group rounded-lg bg-background-section-burn transition-colors', | ||||
| disabled ? 'cursor-not-allowed opacity-30 shadow-xs' : 'cursor-pointer', | |||||
| !disabled && !published && 'hover:bg-state-accent-hover', | |||||
| disabled || !isCurrentWorkspaceManager ? 'cursor-not-allowed opacity-60 shadow-xs' : 'cursor-pointer', | |||||
| !disabled && !published && isCurrentWorkspaceManager && 'hover:bg-state-accent-hover', | |||||
| )}> | )}> | ||||
| {isCurrentWorkspaceManager | {isCurrentWorkspaceManager | ||||
| ? ( | ? ( |