3c014f3ae5
Co-authored-by: AkaraChen <akarachen@outlook.com> Co-authored-by: Yi <yxiaoisme@gmail.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: JzoNg <jzongcode@gmail.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: kurokobo <kuro664@gmail.com> Co-authored-by: Hiroshi Fujita <fujita-h@users.noreply.github.com>
19 lines
426 B
TypeScript
19 lines
426 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import cn from '@/utils/classnames'
|
|
|
|
type Props = {
|
|
isChecked: boolean
|
|
}
|
|
|
|
const RadioUI: FC<Props> = ({
|
|
isChecked,
|
|
}) => {
|
|
return (
|
|
<div className={cn(isChecked ? 'border-[5px] border-components-radio-border-checked' : 'border-[2px] border-components-radio-border', 'w-4 h-4 rounded-full')}>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(RadioUI)
|