@krowdy/kds-assets/Svg.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.aspect = exports.WIDTH = exports.HEIGHT = void 0;

var _react = _interopRequireDefault(require("react"));

var WIDTH = 406;
exports.WIDTH = WIDTH;
var HEIGHT = 305;
exports.HEIGHT = HEIGHT;
var aspect = WIDTH / HEIGHT;
exports.aspect = aspect;

var Svg = function Svg(_ref) {
  var children = _ref.children,
      width = _ref.width,
      height = _ref.height,
      viewBox = _ref.viewBox;
  return /*#__PURE__*/_react["default"].createElement("svg", {
    fill: "none",
    height: height && width ? height : width ? width * 1 / aspect : height || HEIGHT,
    viewBox: viewBox ? viewBox : '0 0 406 305',
    width: height && width ? width : height ? height * aspect : width || WIDTH
  }, children);
};

var _default = Svg;
exports["default"] = _default;