@tolokoban/ui/lib/dist/view/Spinner/Spinner.js

React components with theme

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";
import { styleSpace } from "./../../theme/index.js";
export function ViewSpinner(_a) {
    var { className, icon = IconLoading, orientation = "horizontal", children } = _a, props = __rest(_a, ["className", "icon", "orientation", "children"]);
    const SpinningIcon = icon;
    const style = Object.assign(Object.assign({}, styleColor(props)), styleSpace(Object.assign({ padding: "M", borderRadius: "S" }, props)));
    return (_jsxs("div", { className: `${orientation === "horizontal"
            ? Styles.SpinnerHorizontal
            : Styles.SpinnerVertical} ${className !== null && className !== void 0 ? className : ""}`, style: style, children: [_jsx(SpinningIcon, { animate: true }), children && _jsx("div", { children: children })] }));
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3Bpbm5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L1NwaW5uZXIvU3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFFQSxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3RFLE9BQU8sV0FBVyxNQUFNLHNCQUFzQixDQUFBO0FBRzlDLE9BQU8sTUFBTSxNQUFNLHNCQUFzQixDQUFBO0FBQ3pDLE9BQU8sRUFBbUIsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBZ0JyRCxNQUFNLFVBQVUsV0FBVyxDQUFDLEVBTVQ7UUFOUyxFQUN4QixTQUFTLEVBQ1QsSUFBSSxHQUFHLFdBQVcsRUFDbEIsV0FBVyxHQUFHLFlBQVksRUFDMUIsUUFBUSxPQUVPLEVBRFosS0FBSyxjQUxnQixnREFNM0IsQ0FEVztJQUVSLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQTtJQUN6QixNQUFNLEtBQUssbUNBQ0osVUFBVSxDQUFDLEtBQUssQ0FBQyxHQUNqQixVQUFVLGlCQUNULE9BQU8sRUFBRSxHQUFHLEVBQ1osWUFBWSxFQUFFLEdBQUcsSUFDZCxLQUFLLEVBQUUsQ0FDakIsQ0FBQTtJQUVELE9BQU8sQ0FDSCxlQUNJLFNBQVMsRUFBRSxHQUNQLFdBQVcsS0FBSyxZQUFZO1lBQ3hCLENBQUMsQ0FBQyxNQUFNLENBQUMsaUJBQWlCO1lBQzFCLENBQUMsQ0FBQyxNQUFNLENBQUMsZUFDakIsSUFBSSxTQUFTLGFBQVQsU0FBUyxjQUFULFNBQVMsR0FBSSxFQUFFLEVBQUUsRUFDckIsS0FBSyxFQUFFLEtBQUssYUFFWixLQUFDLFlBQVksSUFBQyxPQUFPLEVBQUUsSUFBSSxHQUFJLEVBQzlCLFFBQVEsSUFBSSx3QkFBTSxRQUFRLEdBQU8sSUFDaEMsQ0FDVCxDQUFBO0FBQ0wsQ0FBQyJ9