componenteshospitais 1.2.2 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +6 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +6 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/Card.d.ts +1 -0
- package/dist/types/components/CardImage.d.ts +0 -1
- package/package.json +1 -1
- package/src/components/Card.tsx +9 -2
- package/src/components/CardImage.tsx +3 -4
package/dist/cjs/index.js
CHANGED
|
@@ -50,14 +50,16 @@ var styles$6 = {"icone":"card-module_icone__8F-jV","item":"card-module_item__YYE
|
|
|
50
50
|
styleInject(css_248z$6);
|
|
51
51
|
|
|
52
52
|
var Card = function (_a) {
|
|
53
|
-
var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa, largura = _a.largura;
|
|
53
|
+
var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa, largura = _a.largura, funcao = _a.funcao;
|
|
54
54
|
var empresaClass = styles$6["empresa".concat(empresa)];
|
|
55
|
+
var handleActionClick = function () {
|
|
56
|
+
};
|
|
55
57
|
var handleClick = function () {
|
|
56
58
|
if (link) {
|
|
57
59
|
window.location.href = link;
|
|
58
60
|
}
|
|
59
61
|
};
|
|
60
|
-
return (React.createElement("div", { className: "".concat(empresaClass), onClick: handleClick, style: { cursor: link ? 'pointer' : 'default' } },
|
|
62
|
+
return (React.createElement("div", { className: "".concat(empresaClass), onClick: funcao ? function () { return handleActionClick; } : handleClick, style: { cursor: link ? 'pointer' : 'default' } },
|
|
61
63
|
React.createElement("div", { className: "".concat(styles$6.item, " empresa").concat(empresa), style: { width: largura ? "".concat(largura) : '' } },
|
|
62
64
|
img && (React.createElement("img", { src: img, alt: text, className: styles$6.icone })),
|
|
63
65
|
React.createElement("span", { className: styles$6.texto, dangerouslySetInnerHTML: { __html: text } }),
|
|
@@ -69,12 +71,12 @@ var styles$5 = {"botaoCert":"cardImage-module_botaoCert__Rs0fg","iconeOna":"card
|
|
|
69
71
|
styleInject(css_248z$5);
|
|
70
72
|
|
|
71
73
|
var CardImage = function (_a) {
|
|
72
|
-
var img = _a.img, href = _a.href, texto = _a.texto, empresa = _a.empresa, largura = _a.largura, altura = _a.altura
|
|
74
|
+
var img = _a.img, href = _a.href, texto = _a.texto, empresa = _a.empresa, largura = _a.largura, altura = _a.altura;
|
|
73
75
|
var empresaClass = styles$5["empresa".concat(empresa)];
|
|
74
76
|
var content = (React.createElement(React.Fragment, null,
|
|
75
77
|
React.createElement("img", { src: img, alt: img, className: styles$5.iconeOna }),
|
|
76
78
|
texto && (React.createElement("span", { className: styles$5.cardText, dangerouslySetInnerHTML: { __html: texto } }))));
|
|
77
|
-
return (React.createElement("div", { className: "".concat(empresaClass) }, href ? (React.createElement("a", { href: href, target:
|
|
79
|
+
return (React.createElement("div", { className: "".concat(empresaClass) }, href ? (React.createElement("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "".concat(styles$5.botaoCert, " empresa").concat(empresa), title: href, style: { width: largura ? "".concat(largura) : '', height: altura ? "".concat(altura) : '' } }, content)) : (React.createElement("div", { className: "".concat(styles$5.botaoCert, " empresa").concat(empresa), style: { width: largura ? "".concat(largura) : '', height: altura ? "".concat(altura) : '' } }, content))));
|
|
78
80
|
};
|
|
79
81
|
|
|
80
82
|
var css_248z$4 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;font-style:italic;padding:.8rem 0 .8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}";
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n if ( ref === void 0 ) ref = {};\r\n var insertAt = ref.insertAt;\r\n\r\n if (!css || typeof document === 'undefined') { return; }\r\n\r\n var head = document.head || document.getElementsByTagName('head')[0];\r\n var style = document.createElement('style');\r\n style.type = 'text/css';\r\n\r\n if (insertAt === 'top') {\r\n if (head.firstChild) {\r\n head.insertBefore(style, head.firstChild);\r\n } else {\r\n head.appendChild(style);\r\n }\r\n } else {\r\n head.appendChild(style);\r\n }\r\n\r\n if (style.styleSheet) {\r\n style.styleSheet.cssText = css;\r\n } else {\r\n style.appendChild(document.createTextNode(css));\r\n }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n if ( ref === void 0 ) ref = {};\r\n var insertAt = ref.insertAt;\r\n\r\n if (!css || typeof document === 'undefined') { return; }\r\n\r\n var head = document.head || document.getElementsByTagName('head')[0];\r\n var style = document.createElement('style');\r\n style.type = 'text/css';\r\n\r\n if (insertAt === 'top') {\r\n if (head.firstChild) {\r\n head.insertBefore(style, head.firstChild);\r\n } else {\r\n head.appendChild(style);\r\n }\r\n } else {\r\n head.appendChild(style);\r\n }\r\n\r\n if (style.styleSheet) {\r\n style.styleSheet.cssText = css;\r\n } else {\r\n style.appendChild(document.createTextNode(css));\r\n }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
package/dist/esm/index.js
CHANGED
|
@@ -48,14 +48,16 @@ var styles$6 = {"icone":"card-module_icone__8F-jV","item":"card-module_item__YYE
|
|
|
48
48
|
styleInject(css_248z$6);
|
|
49
49
|
|
|
50
50
|
var Card = function (_a) {
|
|
51
|
-
var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa, largura = _a.largura;
|
|
51
|
+
var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa, largura = _a.largura, funcao = _a.funcao;
|
|
52
52
|
var empresaClass = styles$6["empresa".concat(empresa)];
|
|
53
|
+
var handleActionClick = function () {
|
|
54
|
+
};
|
|
53
55
|
var handleClick = function () {
|
|
54
56
|
if (link) {
|
|
55
57
|
window.location.href = link;
|
|
56
58
|
}
|
|
57
59
|
};
|
|
58
|
-
return (React.createElement("div", { className: "".concat(empresaClass), onClick: handleClick, style: { cursor: link ? 'pointer' : 'default' } },
|
|
60
|
+
return (React.createElement("div", { className: "".concat(empresaClass), onClick: funcao ? function () { return handleActionClick; } : handleClick, style: { cursor: link ? 'pointer' : 'default' } },
|
|
59
61
|
React.createElement("div", { className: "".concat(styles$6.item, " empresa").concat(empresa), style: { width: largura ? "".concat(largura) : '' } },
|
|
60
62
|
img && (React.createElement("img", { src: img, alt: text, className: styles$6.icone })),
|
|
61
63
|
React.createElement("span", { className: styles$6.texto, dangerouslySetInnerHTML: { __html: text } }),
|
|
@@ -67,12 +69,12 @@ var styles$5 = {"botaoCert":"cardImage-module_botaoCert__Rs0fg","iconeOna":"card
|
|
|
67
69
|
styleInject(css_248z$5);
|
|
68
70
|
|
|
69
71
|
var CardImage = function (_a) {
|
|
70
|
-
var img = _a.img, href = _a.href, texto = _a.texto, empresa = _a.empresa, largura = _a.largura, altura = _a.altura
|
|
72
|
+
var img = _a.img, href = _a.href, texto = _a.texto, empresa = _a.empresa, largura = _a.largura, altura = _a.altura;
|
|
71
73
|
var empresaClass = styles$5["empresa".concat(empresa)];
|
|
72
74
|
var content = (React.createElement(React.Fragment, null,
|
|
73
75
|
React.createElement("img", { src: img, alt: img, className: styles$5.iconeOna }),
|
|
74
76
|
texto && (React.createElement("span", { className: styles$5.cardText, dangerouslySetInnerHTML: { __html: texto } }))));
|
|
75
|
-
return (React.createElement("div", { className: "".concat(empresaClass) }, href ? (React.createElement("a", { href: href, target:
|
|
77
|
+
return (React.createElement("div", { className: "".concat(empresaClass) }, href ? (React.createElement("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "".concat(styles$5.botaoCert, " empresa").concat(empresa), title: href, style: { width: largura ? "".concat(largura) : '', height: altura ? "".concat(altura) : '' } }, content)) : (React.createElement("div", { className: "".concat(styles$5.botaoCert, " empresa").concat(empresa), style: { width: largura ? "".concat(largura) : '', height: altura ? "".concat(altura) : '' } }, content))));
|
|
76
78
|
};
|
|
77
79
|
|
|
78
80
|
var css_248z$4 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;font-style:italic;padding:.8rem 0 .8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}";
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n if ( ref === void 0 ) ref = {};\r\n var insertAt = ref.insertAt;\r\n\r\n if (!css || typeof document === 'undefined') { return; }\r\n\r\n var head = document.head || document.getElementsByTagName('head')[0];\r\n var style = document.createElement('style');\r\n style.type = 'text/css';\r\n\r\n if (insertAt === 'top') {\r\n if (head.firstChild) {\r\n head.insertBefore(style, head.firstChild);\r\n } else {\r\n head.appendChild(style);\r\n }\r\n } else {\r\n head.appendChild(style);\r\n }\r\n\r\n if (style.styleSheet) {\r\n style.styleSheet.cssText = css;\r\n } else {\r\n style.appendChild(document.createTextNode(css));\r\n }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n if ( ref === void 0 ) ref = {};\r\n var insertAt = ref.insertAt;\r\n\r\n if (!css || typeof document === 'undefined') { return; }\r\n\r\n var head = document.head || document.getElementsByTagName('head')[0];\r\n var style = document.createElement('style');\r\n style.type = 'text/css';\r\n\r\n if (insertAt === 'top') {\r\n if (head.firstChild) {\r\n head.insertBefore(style, head.firstChild);\r\n } else {\r\n head.appendChild(style);\r\n }\r\n } else {\r\n head.appendChild(style);\r\n }\r\n\r\n if (style.styleSheet) {\r\n style.styleSheet.cssText = css;\r\n } else {\r\n style.appendChild(document.createTextNode(css));\r\n }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
package/src/components/Card.tsx
CHANGED
|
@@ -8,11 +8,18 @@ interface CardProps {
|
|
|
8
8
|
link?: string;
|
|
9
9
|
empresa: '1' | '2' | '3';
|
|
10
10
|
largura?: string;
|
|
11
|
+
funcao?: () => void;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
|
-
const Card: React.FC<CardProps> = ({ img, imgLateral, text, link, empresa, largura }) => {
|
|
14
|
+
const Card: React.FC<CardProps> = ({ img, imgLateral, text, link, empresa, largura, funcao }) => {
|
|
14
15
|
const empresaClass = styles[`empresa${empresa}`];
|
|
15
16
|
|
|
17
|
+
const handleActionClick = () => {
|
|
18
|
+
if (funcao) {
|
|
19
|
+
funcao;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
16
23
|
const handleClick = () => {
|
|
17
24
|
if (link) {
|
|
18
25
|
window.location.href = link;
|
|
@@ -20,7 +27,7 @@ const Card: React.FC<CardProps> = ({ img, imgLateral, text, link, empresa, largu
|
|
|
20
27
|
};
|
|
21
28
|
|
|
22
29
|
return (
|
|
23
|
-
<div className={`${empresaClass}`} onClick={handleClick} style={{ cursor: link ? 'pointer' : 'default' }}>
|
|
30
|
+
<div className={`${empresaClass}`} onClick={funcao ? () => handleActionClick : handleClick} style={{ cursor: link ? 'pointer' : 'default' }}>
|
|
24
31
|
<div className={`${styles.item} empresa${empresa}`} style={{width: largura ? `${largura}` : ''}}>
|
|
25
32
|
{ img && (
|
|
26
33
|
<img src={img} alt={text} className={styles.icone} />
|
|
@@ -8,10 +8,9 @@ interface CardImageProps {
|
|
|
8
8
|
empresa: '1' | '2' | '3';
|
|
9
9
|
largura?: string;
|
|
10
10
|
altura?: string;
|
|
11
|
-
externo?: boolean;
|
|
12
11
|
}
|
|
13
12
|
|
|
14
|
-
const CardImage: React.FC<CardImageProps> = ({ img, href, texto, empresa, largura, altura
|
|
13
|
+
const CardImage: React.FC<CardImageProps> = ({ img, href, texto, empresa, largura, altura }) => {
|
|
15
14
|
const empresaClass = styles[`empresa${empresa}`];
|
|
16
15
|
|
|
17
16
|
const content = (
|
|
@@ -28,8 +27,8 @@ const CardImage: React.FC<CardImageProps> = ({ img, href, texto, empresa, largur
|
|
|
28
27
|
{href ? (
|
|
29
28
|
<a
|
|
30
29
|
href={href}
|
|
31
|
-
target=
|
|
32
|
-
rel=
|
|
30
|
+
target="_blank"
|
|
31
|
+
rel="noopener noreferrer"
|
|
33
32
|
className={`${styles.botaoCert} empresa${empresa}`}
|
|
34
33
|
title={href}
|
|
35
34
|
style={{ width: largura ? `${largura}` : '', height: altura ? `${altura}` : '' }}
|