Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-18 17:02:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Checkbox based on Button

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-04 22:54:09 +03:00
parent 255fcef5ba
commit 238915c76e
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/common/Checkbox/Checkbox.js
View file

@ -2,15 +2,15 @@ const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const Icon = require('stremio-icons/dom');
const Input = require('../Input');
const Button = require('../Button');
const styles = require('./styles');
const Checkbox = React.forwardRef(({ className, checked = false, disabled = false, onClick, children }, ref) => {
return (
<Input ref={ref} className={classnames(className, styles['checkbox-container'], { 'checked': checked }, { 'disabled': disabled })} type={'button'} onClick={!disabled ? onClick : null}>
<Button ref={ref} className={classnames(className, styles['checkbox-container'], { 'checked': checked })} disabled={disabled} onClick={onClick}>
<Icon className={styles['icon']} icon={checked ? 'ic_check' : 'ic_box_empty'} />
{React.isValidElement(children) ? children : null}
</Input>
</Button>
);
});