@mantine/core/esm/components/Progress/Progress.mjs

React components library focused on usability, accessibility and developer experience

"use client";
import { useProps } from "../../core/MantineProvider/use-props/use-props.mjs";
import { useResolvedStylesApi } from "../../core/styles-api/use-resolved-styles-api/use-resolved-styles-api.mjs";
import { factory } from "../../core/factory/factory.mjs";
import Progress_module_default from "./Progress.module.mjs";
import { ProgressLabel } from "./ProgressLabel/ProgressLabel.mjs";
import { ProgressRoot } from "./ProgressRoot/ProgressRoot.mjs";
import { ProgressSection } from "./ProgressSection/ProgressSection.mjs";
import { jsx } from "react/jsx-runtime";
//#region packages/@mantine/core/src/components/Progress/Progress.tsx
const Progress = factory((_props) => {
	const props = useProps("Progress", null, _props);
	const { value, classNames, styles, vars, color, striped, animated, "aria-label": label, ...others } = props;
	const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
		classNames,
		styles,
		props
	});
	return /* @__PURE__ */ jsx(ProgressRoot, {
		classNames: resolvedClassNames,
		styles: resolvedStyles,
		vars,
		...others,
		children: /* @__PURE__ */ jsx(ProgressSection, {
			value,
			color,
			striped,
			animated,
			"aria-label": label
		})
	});
});
Progress.classes = Progress_module_default;
Progress.displayName = "@mantine/core/Progress";
Progress.Section = ProgressSection;
Progress.Root = ProgressRoot;
Progress.Label = ProgressLabel;
//#endregion
export { Progress };

//# sourceMappingURL=Progress.mjs.map