import { InputHTMLAttributes } from 'react' ; import { classnames } from '../../helpers' ; export interface Props extends InputHTMLAttributes < HTMLInputElement > { id : string ; className ? : string ; name : string ; } const Radio = ( { id , children , className = 'inline-flex' , name , ... rest } ) => ( < label htmlFor = { id } className = { classnames ( [ ! className ?. includes ( 'increase-click-surface' ) && 'relative' , className ] ) } > < input id = { id } type = "radio" className = "radio" name = { name } { ... rest } /> < span className = "radio-fakeradio flex-item-noshrink" / > { children } < /label>); export default Radio ;