wix-storybook-utils
Version:
Utilities for automated component documentation within Storybook
26 lines • 1.13 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import ToggleOff from '../icons/ToggleOff';
import ToggleOn from '../icons/ToggleOn';
import styles from './styles.scss';
var ToggleSwitch = function (_a) {
var _b;
var checked = _a.checked, size = _a.size, onChange = _a.onChange;
return (React.createElement("div", { className: classnames(styles.toggleSwitch, (_b = {},
_b[styles.toggleSwitchChecked] = checked,
_b[styles.toggleSwitchSmall] = size === 'small',
_b)), onClick: function () { return onChange(!checked); } },
React.createElement("div", { className: styles.toggleSwitchTrack }),
React.createElement("div", { className: styles.toggleSwitchKnob }, checked ? React.createElement(ToggleOn, null) : React.createElement(ToggleOff, null))));
};
ToggleSwitch.defaultProps = {
size: 'normal',
};
ToggleSwitch.propTypes = {
checked: PropTypes.bool,
size: PropTypes.oneOf(['small', 'normal']),
onChange: PropTypes.func,
};
export default ToggleSwitch;
//# sourceMappingURL=toggle-switch.js.map