@shopgate/engage/components/Toggle/index.js

Shopgate's ENGAGE library.

import React from'react';import PropTypes from'prop-types';import classNames from'classnames';import{label,checkbox,thumb,container}from"./style";/**
 * The Toggle component
 * @param {Object} props The component props
 * @returns {JSX.Element}
 */var Toggle=function Toggle(_ref){var id=_ref.id,checked=_ref.checked,className=_ref.className,onChange=_ref.onChange,disabled=_ref.disabled;return React.createElement("div",{className:className},React.createElement("div",{className:container},React.createElement("input",{type:"checkbox",id:id,className:classNames(checkbox),checked:checked,"aria-checked":checked,onChange:onChange,disabled:disabled,"aria-labelledby":"".concat(id,"-label")}),React.createElement("div",{className:label}),React.createElement("div",{className:thumb})));};Toggle.defaultProps={checked:false,className:null,onChange:null,disabled:false};export default Toggle;