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.
20 lines • 1.65 kB
JavaScript
import React from "react";
import { IconCardStyle, ServiceCardStyle, TitleContainer } from "./ServiceCard.style";
import { Card } from "../Card";
import { Icons } from "../Icons";
export var ServiceCard = function (_a) {
var icon = _a.icon, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, description = _a.description, title = _a.title;
return (React.createElement(ServiceCardStyle, { disabled: disabled, "$bColor": (icon === null || icon === void 0 ? void 0 : icon.iconColor) || "" },
React.createElement(Card, { variant: "outlined", onClick: function () {
if (disabled)
return;
onClick && onClick();
} },
React.createElement(TitleContainer, null,
React.createElement(IconCardStyle, { "$iColor": (icon === null || icon === void 0 ? void 0 : icon.iconColor) || "", "$bColor": (icon === null || icon === void 0 ? void 0 : icon.bgColor) || "" },
React.createElement(Icons, { icon: icon === null || icon === void 0 ? void 0 : icon.iconName, color: icon === null || icon === void 0 ? void 0 : icon.iconColor, scale: icon === null || icon === void 0 ? void 0 : icon.scale, width: icon === null || icon === void 0 ? void 0 : icon.iconWidth, height: icon === null || icon === void 0 ? void 0 : icon.iconHeight })),
React.createElement("div", { className: "text" },
React.createElement("p", { className: "title" }, title),
React.createElement("p", { className: "description" }, description))))));
};
//# sourceMappingURL=ServiceCard.js.map