@ozen-ui/kit
Version:
React component library
26 lines (25 loc) • 1.8 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileUploaderLoader = exports.cnFileUploaderLoader = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var classname_1 = require("../../../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
var Loader_1 = require("../../../Loader");
var Stack_1 = require("../../../Stack");
var context_1 = require("../../context");
var constants_1 = require("./constants");
exports.cnFileUploaderLoader = (0, classname_1.cn)('FileUploaderLoader');
exports.FileUploaderLoader = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
var props = (0, useThemeProps_1.useThemeProps)({
props: inProps,
name: 'FileUploaderLoader',
});
var text = props.text, _a = props.as, as = _a === void 0 ? constants_1.FILE_UPLOADER_LOADER_DEFAULT_TAG : _a, className = props.className, other = tslib_1.__rest(props, ["text", "as", "className"]);
var size = (0, context_1.useFileUploaderContext)().size;
return (react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { as: as, ref: ref, className: (0, exports.cnFileUploaderLoader)({ size: size }, [className]), direction: "column", justify: "center", align: "center", gap: "s" }),
react_1.default.createElement(Loader_1.Loader, { className: (0, exports.cnFileUploaderLoader)('Loader'), size: constants_1.FILE_UPLOADER_SIZE_TO_LOADER_SIZE[size] }),
react_1.default.createElement("div", { className: (0, exports.cnFileUploaderLoader)('Text') }, text)));
});
exports.FileUploaderLoader.displayName = 'FileUploaderLoader';