src/admin/components/website/additionalComponents/SwitchBox.tsx
//
// LESERKRITIKK v2 (aka Reader Critics)
// Copyright (C) 2017 DB Medialab/Aller Media AS, Oslo, Norway
// https://github.com/dbmedialab/reader-critics/
//
// This program is free software: you can redistribute it and/or modify it under
// the terms of the GNU General Public License as published by the Free Software
// Foundation, either version 3 of the License, or (at your option) any later
// version.
//
// This program is distributed in the hope that it will be useful, but WITHOUT
// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
// FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License along with
// this program. If not, see <http://www.gnu.org/licenses/>.
//
import * as React from 'react';
export interface ISwitchBox {
classes: string;
ID: string;
checked: boolean;
onChange: (e) => void;
}
export class SwitchBox extends React.Component <ISwitchBox, any> {
constructor (props) {
super(props);
}
render () {
const {classes, checked, ID, onChange} = this.props;
return (
<div className={classes}>
<input
type="checkbox" id={ID}
className="switch-input"
checked={checked}
onChange={onChange}
/>
<label htmlFor={ID} className="switch-paddle" />
</div>
);
}
}