@nex-ui/react
Version:
🎉 A beautiful, modern, and reliable React component library.
74 lines (68 loc) • 1.98 kB
JavaScript
;
var jsxRuntime = require('react/jsx-runtime');
var react = require('motion/react');
var m = require('motion/react-m');
var index = require('../utils/motionFeatures/index.cjs');
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n.default = e;
return Object.freeze(n);
}
var m__namespace = /*#__PURE__*/_interopNamespace(m);
const tickVariants = {
checked: {
pathLength: 1,
opacity: 1,
transition: {
opacity: {
delay: 0.2,
duration: 0.1
},
pathLength: {
duration: 0.2,
delay: 0.2,
ease: 'easeInOut'
}
}
},
unchecked: {
pathLength: 0,
opacity: 0
}
};
const CheckedIcon = ({ checked })=>{
return /*#__PURE__*/ jsxRuntime.jsx(react.LazyMotion, {
features: index.motionFeatures,
children: /*#__PURE__*/ jsxRuntime.jsx(m__namespace.svg, {
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
viewBox: "0 0 24 24",
strokeWidth: "1.5",
stroke: "currentColor",
initial: false,
"aria-hidden": true,
focusable: false,
animate: checked ? 'checked' : 'unchecked',
children: /*#__PURE__*/ jsxRuntime.jsx(m__namespace.path, {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "m7 12.9l3.143 3.6L18 7.5",
variants: tickVariants
})
})
});
};
CheckedIcon.displayName = 'CheckedIcon';
exports.CheckedIcon = CheckedIcon;