|
|
|
import * as React from 'react';
|
|
|
|
import type { CheckboxRef } from '../checkbox';
|
|
|
|
import type { AbstractCheckboxProps } from '../checkbox/Checkbox';
|
|
|
|
import { ConfigContext } from '../config-provider';
|
|
|
|
import { RadioOptionTypeContextProvider } from './context';
|
|
|
|
import type { RadioChangeEvent } from './interface';
|
|
|
|
import Radio from './radio';
|
|
|
|
|
|
|
|
export type RadioButtonProps = AbstractCheckboxProps<RadioChangeEvent>;
|
|
|
|
|
|
|
|
const RadioButton: React.ForwardRefRenderFunction<CheckboxRef, RadioButtonProps> = (props, ref) => {
|
|
|
|
const { getPrefixCls } = React.useContext(ConfigContext);
|
|
|
|
|
|
|
|
const { prefixCls: customizePrefixCls, ...radioProps } = props;
|
|
|
|
const prefixCls = getPrefixCls('radio', customizePrefixCls);
|
|
|
|
|
|
|
|
return (
|
|
|
|
<RadioOptionTypeContextProvider value='button'>
|
|
|
|
<Radio prefixCls={prefixCls} {...radioProps} type='radio' ref={ref} />
|
|
|
|
</RadioOptionTypeContextProvider>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default React.forwardRef<CheckboxRef, RadioButtonProps>(RadioButton);
|