import React from 'react';
import './CheckBox.css';

export default props => {
  return (
    <div className={'CheckBoxOwner'}>
      <label className='CheckBoxLabel'>{props.label}
        <input checked={JSON.parse(props.checked)}
               autoFocus={props.autoFocus}
               disabled={props.disabled}
               onChange={props.changed}
               type='checkbox'/>
        <span className='CheckBoxCheckMark'/>
      </label>
    </div>
  );
};
