@ozen-ui/kit
Version:
React component library
15 lines (14 loc) • 970 B
JavaScript
import { __assign, __rest } from "tslib";
import './Loader.css';
import React, { forwardRef } from 'react';
import { useThemeProps } from '../../hooks/useThemeProps';
import { cn } from '../../utils/classname';
export var cnLoader = cn('Loader');
export var loaderSizeVariant = ['s', 'm', 'l', 'xl'];
export var Loader = forwardRef(function (inProps, ref) {
var props = 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 = __rest(props, ["size", "className", "color", 'aria-label', "style"]);
var style = __assign(__assign({}, styleProp), { '--loader-color': color });
return (React.createElement("div", __assign({ role: "progressbar", "aria-label": ariaLabel, className: cnLoader({ size: size }, [className]), style: style }, other, { ref: ref })));
});
Loader.displayName = 'Loader';