@activecollab/components
Version:
ActiveCollab Components
21 lines • 926 B
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
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,
...args
} = _ref;
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