mirror of
https://github.com/langgenius/dify.git
synced 2025-12-12 10:51:00 +00:00
85cda47c70
Signed-off-by: -LAN- <laipz8200@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com> Co-authored-by: jyong <718720800@qq.com> Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com> Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com> Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: quicksand <quicksandzn@gmail.com> Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com> Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: Yongtao Huang <yongtaoh2022@gmail.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: nite-knite <nkCoding@gmail.com> Co-authored-by: Hanqing Zhao <sherry9277@gmail.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Harry <xh001x@hotmail.com>
22 lines
696 B
TypeScript
22 lines
696 B
TypeScript
import { Corner } from '../icons/src/vender/solid/shapes'
|
|
import cn from '@/utils/classnames'
|
|
|
|
type CornerLabelProps = {
|
|
label: string
|
|
className?: string
|
|
labelClassName?: string
|
|
}
|
|
|
|
const CornerLabel: React.FC<CornerLabelProps> = ({ label, className, labelClassName }) => {
|
|
return (
|
|
<div className={cn('group/corner-label inline-flex items-start', className)}>
|
|
<Corner className='h-5 w-[13px] text-background-section-burn' />
|
|
<div className={cn('flex items-center gap-0.5 bg-background-section-burn py-1 pr-2', labelClassName)}>
|
|
<div className='system-2xs-medium-uppercase text-text-tertiary'>{label}</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CornerLabel
|