Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

ui.tsx 515B

1234567891011121314151617181920212223242526
  1. 'use client'
  2. import type { FC } from 'react'
  3. import React from 'react'
  4. import cn from '@/utils/classnames'
  5. type Props = {
  6. isChecked: boolean
  7. className?: string
  8. }
  9. const RadioUI: FC<Props> = ({
  10. isChecked,
  11. className,
  12. }) => {
  13. return (
  14. <div
  15. className={cn(
  16. isChecked ? 'border-[5px] border-components-radio-border-checked' : 'border-[2px] border-components-radio-border',
  17. 'h-4 w-4 rounded-full',
  18. className,
  19. )}
  20. >
  21. </div>
  22. )
  23. }
  24. export default React.memo(RadioUI)