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