import _extends from "@babel/runtime/helpers/esm/extends";
import React from "react";
import classnames from "classnames";
import { StyledCompleteCheckbox } from "./Styles";
export const CompleteCheckbox = _ref => {
  let {
    completed = false,
    disabled = false,
    animate = false,
    onClick,
    className,
    primary = false,
    checkMarkClassName,
    ...rest
  } = _ref;
  return /*#__PURE__*/React.createElement(StyledCompleteCheckbox, _extends({
    onClick: onClick,
    className: classnames("c-complete-checkbox", className),
    $primary: primary,
    $completed: completed,
    $disabled: disabled,
    $animation: !disabled && completed && animate,
    $checkMarkClassName: !!checkMarkClassName
  }, rest), /*#__PURE__*/React.createElement("svg", {
    viewBox: "0 0 48 48",
    className: checkMarkClassName
  }, /*#__PURE__*/React.createElement("path", {
    d: "M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8"
  }), /*#__PURE__*/React.createElement("polyline", {
    points: "19.5,24 22.5,27 28.5,21"
  })));
};
CompleteCheckbox.displayName = "CompleteCheckbox";
//# sourceMappingURL=CompleteCheckbox.js.map