UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

61 lines (54 loc) 1.91 kB
'use strict'; 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