2015-12-07 03:40:59 +03:00
|
|
|
import React from 'react';
|
2015-12-07 04:34:12 +03:00
|
|
|
import Ripple from '../ripple';
|
2015-12-07 03:40:59 +03:00
|
|
|
import style from './style';
|
|
|
|
|
|
|
|
const Radio = ({checked, children, onMouseDown}) => {
|
|
|
|
const className = style[checked ? 'radio-checked' : 'radio'];
|
|
|
|
return <div data-role='radio' onMouseDown={onMouseDown} className={className}>{children}</div>;
|
|
|
|
};
|
|
|
|
|
2015-12-07 04:34:12 +03:00
|
|
|
export default Ripple({
|
2015-12-07 03:40:59 +03:00
|
|
|
className: style.ripple,
|
|
|
|
spread: 2.6,
|
|
|
|
centered: true
|
|
|
|
})(Radio);
|