@airplane/views
Version:
A React library for building Airplane views. Views components are optimized in style and functionality to produce internal apps that are easy to build and maintain.
34 lines (33 loc) • 1.06 kB
JavaScript
import { jsx } from "react/jsx-runtime";
import { Input, Progress } from "@mantine/core";
import { ComponentErrorBoundary } from "../errorBoundary/ComponentErrorBoundary.js";
import { useCommonLayoutStyle } from "../layout/useCommonLayoutStyle.js";
const ProgressBarComponent = ({
color = "primary",
size = "md",
radius = 9999,
label,
className,
style,
width,
height,
grow,
...otherProps
}) => {
const {
classes: layoutClasses,
cx
} = useCommonLayoutStyle({
width,
height,
grow
});
return /* @__PURE__ */ jsx(Input.Wrapper, { id: "progressBar", className: cx(layoutClasses.style, className), style, label, children: /* @__PURE__ */ jsx(Progress, { color, size, radius, ...otherProps }) });
};
const ProgressBar = (props) => /* @__PURE__ */ jsx(ComponentErrorBoundary, { componentName: ProgressBar.displayName, children: /* @__PURE__ */ jsx(ProgressBarComponent, { ...props }) });
ProgressBar.displayName = "ProgressBar";
export {
ProgressBar,
ProgressBarComponent
};
//# sourceMappingURL=ProgressBar.js.map