1
0
mirror of https://github.com/yldio/copilot.git synced 2024-09-22 22:33:51 +03:00
copilot/ui/src/components/radio/index.js

51 lines
926 B
JavaScript
Raw Normal View History

const classNames = require('classnames');
const React = require('react');
const styles = require('./style.css');
const Radio = ({
name,
value,
label,
checked,
disabled = false,
className,
id,
onChange,
style
}) => {
const cn = classNames(
className,
styles.radio
);
return (
2016-10-27 12:51:47 +03:00
<label className={cn} htmlFor={id}>
<input
checked={checked}
2016-10-27 12:51:47 +03:00
disabled={disabled}
id={id}
name={name}
onChange={onChange}
2016-10-27 12:51:47 +03:00
type='radio'
value={value}
/>
<span>{label}</span>
</label>
);
};
Radio.propTypes = {
2016-10-27 12:51:47 +03:00
checked: React.PropTypes.bool,
className: React.PropTypes.string,
2016-10-27 12:51:47 +03:00
disabled: React.PropTypes.bool,
id: React.PropTypes.string,
label: React.PropTypes.node,
name: React.PropTypes.string,
2016-10-27 12:51:47 +03:00
onChange: React.PropTypes.func,
style: React.PropTypes.object,
value: React.PropTypes.string
};
module.exports = Radio;