react-base-guide/lib/components/svg/svg.js

react ui components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const styled_components_1 = __importDefault(require("styled-components"));
const add_custom_style_1 = __importDefault(require("../../utils/add-custom-style"));
const Svg = styled_components_1.default.svg `
  cursor: ${p => p.cursor || "default"};
  pointer-events: ${p => p.disabled ? "none" : (p.pointerEvents || "all")};
  vertical-align: ${p => p.verticalAlign || "baseline"};
  box-sizing: border-box;
  
  fill: ${p => p.fill};
  stroke-width: ${p => p.strokeWidth};
  stroke-miterlimit: ${p => p.strokeMiterlimit};
  enable-background: ${p => p.enableBackground};
  
  transform: rotate(${p => p.rotate || 0});
  transition: transform 0.3s;  
  
  ${p => (0, add_custom_style_1.default)(p.styled)}
`;
exports.default = Svg;
//# sourceMappingURL=svg.js.map