@ozen-ui/kit/__inner__/cjs/components/Loader/Loader.js

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Loader = exports.loaderSizeVariant = exports.cnLoader = void 0;
var tslib_1 = require("tslib");
require("./Loader.css");
var react_1 = tslib_1.__importStar(require("react"));
var useThemeProps_1 = require("../../hooks/useThemeProps");
var classname_1 = require("../../utils/classname");
exports.cnLoader = (0, classname_1.cn)('Loader');
exports.loaderSizeVariant = ['s', 'm', 'l', 'xl'];
exports.Loader = (0, react_1.forwardRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Loader' });
    var _a = props.size, size = _a === void 0 ? 'm' : _a, className = props.className, color = props.color, ariaLabel = props["aria-label"], styleProp = props.style, other = tslib_1.__rest(props, ["size", "className", "color", 'aria-label', "style"]);
    var style = tslib_1.__assign(tslib_1.__assign({}, styleProp), { '--loader-color': color });
    return (react_1.default.createElement("div", tslib_1.__assign({ role: "progressbar", "aria-label": ariaLabel, className: (0, exports.cnLoader)({ size: size }, [className]), style: style }, other, { ref: ref })));
});
exports.Loader.displayName = 'Loader';