@activecollab/components
Version:
ActiveCollab Components
38 lines • 1.79 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 _ref$completed = _ref.completed,
completed = _ref$completed === void 0 ? false : _ref$completed,
_ref$disabled = _ref.disabled,
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
_ref$animate = _ref.animate,
animate = _ref$animate === void 0 ? false : _ref$animate,
onClick = _ref.onClick,
className = _ref.className,
_ref$primary = _ref.primary,
primary = _ref$primary === void 0 ? false : _ref$primary,
checkMarkClassName = _ref.checkMarkClassName,
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