@tolokoban/ui
Version:
React components with theme
13 lines • 1.79 kB
JavaScript
import { __rest } from "tslib";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { styleColor } from "../../theme/styles/color.js";
import IconLoading from "../icons/IconLoading.js";
import Styles from "./Spinner.module.css";
export function ViewSpinner(_a) {
var { className, icon = IconLoading, orientation = "horizontal", children } = _a, props = __rest(_a, ["className", "icon", "orientation", "children"]);
const SpinningIcon = icon;
return (_jsxs("div", { className: `${orientation === "horizontal"
? Styles.SpinnerHorizontal
: Styles.SpinnerVertical} ${className !== null && className !== void 0 ? className : ""}`, style: styleColor(props), children: [_jsx(SpinningIcon, { animate: true }), children && _jsx("div", { children: children })] }));
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3Bpbm5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L1NwaW5uZXIvU3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFFQSxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3RFLE9BQU8sV0FBVyxNQUFNLHNCQUFzQixDQUFBO0FBRzlDLE9BQU8sTUFBTSxNQUFNLHNCQUFzQixDQUFBO0FBZ0J6QyxNQUFNLFVBQVUsV0FBVyxDQUFDLEVBTVQ7UUFOUyxFQUN4QixTQUFTLEVBQ1QsSUFBSSxHQUFHLFdBQVcsRUFDbEIsV0FBVyxHQUFHLFlBQVksRUFDMUIsUUFBUSxPQUVPLEVBRFosS0FBSyxjQUxnQixnREFNM0IsQ0FEVztJQUVSLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQTtJQUN6QixPQUFPLENBQ0gsZUFDSSxTQUFTLEVBQUUsR0FDUCxXQUFXLEtBQUssWUFBWTtZQUN4QixDQUFDLENBQUMsTUFBTSxDQUFDLGlCQUFpQjtZQUMxQixDQUFDLENBQUMsTUFBTSxDQUFDLGVBQ2pCLElBQUksU0FBUyxhQUFULFNBQVMsY0FBVCxTQUFTLEdBQUksRUFBRSxFQUFFLEVBQ3JCLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxDQUFDLGFBRXhCLEtBQUMsWUFBWSxJQUFDLE9BQU8sRUFBRSxJQUFJLEdBQUksRUFDOUIsUUFBUSxJQUFJLHdCQUFNLFFBQVEsR0FBTyxJQUNoQyxDQUNULENBQUE7QUFDTCxDQUFDIn0=