653ec12300
Co-authored-by: Nick Taylor <nick@iamdeveloper.com> Co-authored-by: Ridhwana <Ridhwana.Khan16@gmail.com>
39 lines
841 B
JavaScript
39 lines
841 B
JavaScript
import { h } from 'preact';
|
|
import PropTypes from 'prop-types';
|
|
|
|
export const RadioButton = (props) => {
|
|
const { id, value, name, className, checked, onClick, ...otherProps } = props;
|
|
|
|
return (
|
|
<input
|
|
id={id}
|
|
value={value}
|
|
name={name}
|
|
className={`crayons-radio${
|
|
className && className.length > 0 ? ` ${className}` : ''
|
|
}`}
|
|
checked={checked}
|
|
onClick={onClick}
|
|
type="radio"
|
|
{...otherProps}
|
|
/>
|
|
);
|
|
};
|
|
|
|
RadioButton.displayName = 'RadioButton';
|
|
|
|
RadioButton.defaultProps = {
|
|
id: undefined,
|
|
className: undefined,
|
|
checked: false,
|
|
name: undefined,
|
|
};
|
|
|
|
RadioButton.propTypes = {
|
|
id: PropTypes.string,
|
|
value: PropTypes.string.isRequired,
|
|
className: PropTypes.string,
|
|
checked: PropTypes.bool,
|
|
name: PropTypes.string,
|
|
onClick: PropTypes.func.isRequired,
|
|
};
|