Repository URL to install this package:
|
Version:
4.0.59 ▾
|
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const Vector_1 = tslib_1.__importDefault(require("../../Vector"));
const deps_1 = require("../deps");
const styled_1 = require("./styled");
class VideoPlaceholder extends react_1.default.PureComponent {
render() {
let _a = this.props,
{
width,
height,
viewBox,
isDynamicViewBox
} = _a,
remainingProps = tslib_1.__rest(_a, ["width", "height", "viewBox", "isDynamicViewBox"]);
/**
* viewBox cant be changed as it needs to support for resizing
* we will be resizing it by using css properties
* Issue Scenario:
* When we try to change the viewBox value as dynamic then the image path
* should not be resized based on that size
* So, we might need to keep the same size of the viewBox which we got
* on exporting SVG
*/
viewBox = '0 0 60 60';
isDynamicViewBox = false;
width = deps_1.stripMeasurement(width);
height = deps_1.stripMeasurement(height);
const attributes = Object.assign({
width,
height,
viewBox
}, remainingProps);
return react_1.default.createElement(styled_1.VideoPlaceholderWrapper, {
width: width,
height: height
}, react_1.default.createElement(Vector_1.default, Object.assign({}, attributes), react_1.default.createElement("path", {
d: "M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M45.563,30.826l-22,15\n C23.394,45.941,23.197,46,23,46c-0.16,0-0.321-0.038-0.467-0.116C22.205,45.711,22,45.371,22,45V15c0-0.371,0.205-0.711,0.533-0.884\n c0.328-0.174,0.724-0.15,1.031,0.058l22,15C45.836,29.36,46,29.669,46,30S45.836,30.64,45.563,30.826z"
})));
}
}
VideoPlaceholder.defaultProps = {
fill: '#ffffff',
viewBox: '0 0 60 60',
width: '50',
height: '50'
};
exports.VideoPlaceholder = VideoPlaceholder;
exports.default = VideoPlaceholder; //# sourceMappingURL=VideoPlaceholder.js.map