var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import styled, { css, keyframes } from 'styled-components';
import { space } from 'styled-system';
var rotate = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n"], ["\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n"])));
var spinStyle = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " 2s linear infinite;\n"], ["\n  animation: ", " 2s linear infinite;\n"])), rotate);
var Svg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-self: center;\n  fill: ", ";\n  flex-shrink: 0;\n  cursor: ", ";\n  ", "\n  ", "\n"], ["\n  align-self: center;\n  fill: ", ";\n  flex-shrink: 0;\n  cursor: ", ";\n  ", "\n  ", "\n"])), function (_a) {
    var theme = _a.theme, color = _a.color;
    return theme.colors[color || 'none'] || color;
}, function (_a) {
    var pointer = _a.pointer;
    return (pointer ? 'pointer' : 'normal');
}, function (_a) {
    var spin = _a.spin;
    return spin && spinStyle;
}, space);
Svg.defaultProps = {
    color: 'primary',
    width: '20px',
    xmlns: 'http://www.w3.org/2000/svg',
    spin: false,
    pointer: false,
};
export default Svg;
var templateObject_1, templateObject_2, templateObject_3;
