mirror of
https://github.com/langgenius/dify.git
synced 2026-04-18 12:28:32 +08:00
eabdc5f0eb
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com> Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { cn } from '@/utils/classnames'
|
|
|
|
type Props = {
|
|
isChecked: boolean
|
|
disabled?: boolean
|
|
onCheck?: (event: React.MouseEvent<HTMLDivElement>) => void
|
|
className?: string
|
|
}
|
|
|
|
const RadioUI: FC<Props> = ({
|
|
isChecked,
|
|
disabled = false,
|
|
onCheck,
|
|
className,
|
|
}) => {
|
|
return (
|
|
<div
|
|
role="radio"
|
|
aria-checked={isChecked}
|
|
aria-disabled={disabled}
|
|
className={cn(
|
|
'size-4 rounded-full',
|
|
isChecked && !disabled && 'border-[5px] border-components-radio-border-checked hover:border-components-radio-border-checked-hover',
|
|
!isChecked && !disabled && 'border border-components-radio-border hover:border-components-radio-border-hover',
|
|
isChecked && disabled && 'border-[5px] border-components-radio-border-checked-disabled',
|
|
!isChecked && disabled && 'border border-components-radio-border-disabled bg-components-radio-bg-disabled',
|
|
!disabled && 'bg-components-radio-bg shadow-xs shadow-shadow-shadow-3 hover:bg-components-radio-bg-hover',
|
|
className,
|
|
)}
|
|
onClick={(event) => {
|
|
if (disabled) return
|
|
onCheck?.(event)
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
export default React.memo(RadioUI)
|