design-system-simplefi
Version:
Design System for SimpleFi Applications
30 lines • 1.87 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import React from 'react';
import styled from 'styled-components';
import { getColor } from '../../utils';
import { Icon } from '../Icon';
var LogoContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n background: ", ";\n max-width: 300px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n margin: 'auto';\n object-fit: 'cover';\n width: 100%;\n height: 'auto';\n }\n"], ["\n width: ", ";\n height: ", ";\n background: ", ";\n max-width: 300px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n margin: 'auto';\n object-fit: 'cover';\n width: 100%;\n height: 'auto';\n }\n"])), function (_a) {
var width = _a.width;
return width;
}, function (_a) {
var height = _a.height;
return height;
}, function (_a) {
var backgroundClr = _a.backgroundClr;
return getColor(backgroundClr);
});
var Logo = function (_a) {
var _b = _a.backgroundClr, backgroundClr = _b === void 0 ? 'midPurple' : _b, _c = _a.width, width = _c === void 0 ? '100%' : _c, _d = _a.height, height = _d === void 0 ? '100%' : _d, _e = _a.logoColor, logoColor = _e === void 0 ? 'white' : _e;
return (React.createElement(LogoContainer, { backgroundClr: backgroundClr, height: height, width: width },
React.createElement(Icon, { color: logoColor, name: "simplefi", style: {
width: '60%',
height: '80%',
margin: '10% 20%',
}, type: "sfi" })));
};
export default Logo;
var templateObject_1;
//# sourceMappingURL=Logo.js.map