@activecollab/components
Version:
ActiveCollab Components
36 lines • 1.46 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
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
} = _ref,
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
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