react-svg-spritesheet/lib/svg-sprite/svgSprite.js

use trimmed or polygon packed sprites without webGL/canvas 2d in the dom

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var getPolygonSprite_1 = __importDefault(require("./getPolygonSprite"));
var getRectSprite_1 = __importDefault(require("./getRectSprite"));
var SvgSprite = function (props) {
    if (props.spritesheet.frames === undefined) {
        return react_1.default.createElement("span", null, "spritesheet has no frames");
    }
    if (props.spritesheet.frames[props.sprite] === undefined) {
        return react_1.default.createElement("span", null,
            "sprite ",
            props.sprite,
            " not found");
    }
    var width = props.width || "auto";
    var height = props.height || "auto";
    if (props.spritesheet.frames[props.sprite].vertices !== undefined &&
        props.spritesheet.frames[props.sprite].triangles !== undefined) {
        return getPolygonSprite_1.default(props.spritesheet, props.sprite, props.image, width, height);
    }
    else {
        return getRectSprite_1.default(props.spritesheet, props.sprite, props.image, width, height);
    }
};
exports.default = SvgSprite;