@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
61 lines (54 loc) • 1.91 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var React = require('react');
var getCurveProps = require('./get-curve-props.js');
var useMantineTheme = require('../../../theme/use-mantine-theme/use-mantine-theme.js');
var getThemeColor = require('../../../theme/utils/get-theme-color/get-theme-color.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
function Curve({
size,
value,
offset,
sum,
thickness,
root,
color,
themeOverride
}) {
const theme = useMantineTheme.useMantineTheme(themeOverride);
return /* @__PURE__ */ React__default.createElement("circle", __spreadValues({
fill: "none",
stroke: getThemeColor.getThemeColor({
theme,
color: color || (theme.colorScheme === "dark" ? "dark" : "gray"),
shade: color ? theme.colorScheme === "dark" ? 6 : 7 : theme.colorScheme === "dark" ? 4 : 2
})
}, getCurveProps.getCurveProps({
sum,
size,
thickness,
value,
offset,
root
})));
}
Curve.displayName = "@mantine/core/Curve";
exports.Curve = Curve;
//# sourceMappingURL=Curve.js.map