@activecollab/components
Version:
ActiveCollab Components
23 lines • 1.12 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["hovered", "className"];
import React, { forwardRef } from "react";
import classNames from "classnames";
import { StyledToggle, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOff, StyledToggleSliderOn } from "./Styles";
export const Toggle = /*#__PURE__*/forwardRef((_ref, ref) => {
let {
hovered,
className
} = _ref,
args = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/React.createElement(StyledToggle, {
className: classNames("c-toggle", className),
$isHovered: hovered,
tabIndex: 0
}, /*#__PURE__*/React.createElement(StyledToggleCheckbox, _extends({
ref: ref,
type: "checkbox"
}, args)), /*#__PURE__*/React.createElement(StyledToggleSlider, null, /*#__PURE__*/React.createElement(StyledToggleSliderOn, null, "ON"), /*#__PURE__*/React.createElement(StyledToggleSliderOff, null, "OFF")));
});
Toggle.displayName = "Toggle";
//# sourceMappingURL=Toggle.js.map