norma-library
Version:
Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
24 lines • 1.27 kB
JavaScript
import { __assign, __makeTemplateObject, __rest } from "tslib";
import { Card as MuiCard } from '@mui/material';
import React from 'react';
import styled from 'styled-components';
import { palette } from '../helpers';
var colorMap = {
inherit: palette.inherit,
primary: palette.primary,
secondary: palette.secondary,
error: palette.error,
warning: palette.warning,
info: palette.info,
success: palette.success,
};
var CardStyled = styled(MuiCard)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 16px;\n border-radius: 5px;\n box-shadow: 0px 2px 8px #00000053;\n border-left: ", ";\n"], ["\n padding: 16px;\n border-radius: 5px;\n box-shadow: 0px 2px 8px #00000053;\n border-left: ", ";\n"])), function (_a) {
var $borderColor = _a.$borderColor;
return ($borderColor ? "7px solid ".concat(colorMap[$borderColor]) : 'none');
});
export var Card = function (_a) {
var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
return (React.createElement(CardStyled, __assign({ "$borderColor": border ? color : undefined }, props), children));
};
var templateObject_1;
//# sourceMappingURL=Card.js.map