pipesol-notificationbar 1.0.0
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/README.md +30 -0
- package/dist/app/layout.d.ts +6 -0
- package/dist/app/layout.js +19 -0
- package/dist/app/layout.js.map +1 -0
- package/dist/app/page.d.ts +1 -0
- package/dist/app/page.js +6 -0
- package/dist/app/page.js.map +1 -0
- package/dist/components/ImageResponsive.d.ts +13 -0
- package/dist/components/ImageResponsive.js +32 -0
- package/dist/components/ImageResponsive.js.map +1 -0
- package/dist/components/Location.d.ts +15 -0
- package/dist/components/Location.js +37 -0
- package/dist/components/Location.js.map +1 -0
- package/dist/components/MensagemDeploy.d.ts +7 -0
- package/dist/components/MensagemDeploy.js +54 -0
- package/dist/components/MensagemDeploy.js.map +1 -0
- package/dist/components/NotificationBar.d.ts +16 -0
- package/dist/components/NotificationBar.js +119 -0
- package/dist/components/NotificationBar.js.map +1 -0
- package/dist/components/VideoPlayer.d.ts +11 -0
- package/dist/components/VideoPlayer.js +12 -0
- package/dist/components/VideoPlayer.js.map +1 -0
- package/dist/components/banner/BannerVideo.d.ts +7 -0
- package/dist/components/banner/BannerVideo.js +20 -0
- package/dist/components/banner/BannerVideo.js.map +1 -0
- package/dist/components/banner/ContentBannerStyled.d.ts +6 -0
- package/dist/components/banner/ContentBannerStyled.js +44 -0
- package/dist/components/banner/ContentBannerStyled.js.map +1 -0
- package/dist/components/banner/ResponsiveBanner.d.ts +15 -0
- package/dist/components/banner/ResponsiveBanner.js +68 -0
- package/dist/components/banner/ResponsiveBanner.js.map +1 -0
- package/dist/components/banner/ResponsiveBannerGradiente.d.ts +12 -0
- package/dist/components/banner/ResponsiveBannerGradiente.js +38 -0
- package/dist/components/banner/ResponsiveBannerGradiente.js.map +1 -0
- package/dist/components/banner/TitleBanner.d.ts +10 -0
- package/dist/components/banner/TitleBanner.js +8 -0
- package/dist/components/banner/TitleBanner.js.map +1 -0
- package/dist/components/barra_ferramentas/BarraFerramentas.d.ts +13 -0
- package/dist/components/barra_ferramentas/BarraFerramentas.js +39 -0
- package/dist/components/barra_ferramentas/BarraFerramentas.js.map +1 -0
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.d.ts +13 -0
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js +31 -0
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js.map +1 -0
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.d.ts +7 -0
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.js +40 -0
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.js.map +1 -0
- package/dist/components/button/ButtonStyled.d.ts +18 -0
- package/dist/components/button/ButtonStyled.js +56 -0
- package/dist/components/button/ButtonStyled.js.map +1 -0
- package/dist/components/button/NavigationButton.d.ts +18 -0
- package/dist/components/button/NavigationButton.js +53 -0
- package/dist/components/button/NavigationButton.js.map +1 -0
- package/dist/components/button/NavigationButtonMotion.d.ts +19 -0
- package/dist/components/button/NavigationButtonMotion.js +64 -0
- package/dist/components/button/NavigationButtonMotion.js.map +1 -0
- package/dist/components/button/NavigationHamburguerButton.d.ts +17 -0
- package/dist/components/button/NavigationHamburguerButton.js +33 -0
- package/dist/components/button/NavigationHamburguerButton.js.map +1 -0
- package/dist/components/button/ScrollToTopButton.d.ts +10 -0
- package/dist/components/button/ScrollToTopButton.js +44 -0
- package/dist/components/button/ScrollToTopButton.js.map +1 -0
- package/dist/components/button/WhatsAppButton.d.ts +6 -0
- package/dist/components/button/WhatsAppButton.js +24 -0
- package/dist/components/button/WhatsAppButton.js.map +1 -0
- package/dist/components/button/WhatsAppIcon.d.ts +6 -0
- package/dist/components/button/WhatsAppIcon.js +18 -0
- package/dist/components/button/WhatsAppIcon.js.map +1 -0
- package/dist/components/cards/AnimatedCardGroup.d.ts +20 -0
- package/dist/components/cards/AnimatedCardGroup.js +63 -0
- package/dist/components/cards/AnimatedCardGroup.js.map +1 -0
- package/dist/components/cards/BorderTopLeftRadiusCard.d.ts +15 -0
- package/dist/components/cards/BorderTopLeftRadiusCard.js +67 -0
- package/dist/components/cards/BorderTopLeftRadiusCard.js.map +1 -0
- package/dist/components/cards/CardLerMais.d.ts +13 -0
- package/dist/components/cards/CardLerMais.js +121 -0
- package/dist/components/cards/CardLerMais.js.map +1 -0
- package/dist/components/cards/ContentCardDescription.d.ts +10 -0
- package/dist/components/cards/ContentCardDescription.js +52 -0
- package/dist/components/cards/ContentCardDescription.js.map +1 -0
- package/dist/components/cards/GradientCard.d.ts +17 -0
- package/dist/components/cards/GradientCard.js +66 -0
- package/dist/components/cards/GradientCard.js.map +1 -0
- package/dist/components/cards/ImageCard.d.ts +15 -0
- package/dist/components/cards/ImageCard.js +31 -0
- package/dist/components/cards/ImageCard.js.map +1 -0
- package/dist/components/cards/MapCard.d.ts +15 -0
- package/dist/components/cards/MapCard.js +59 -0
- package/dist/components/cards/MapCard.js.map +1 -0
- package/dist/components/cards/ShadowCard.d.ts +16 -0
- package/dist/components/cards/ShadowCard.js +25 -0
- package/dist/components/cards/ShadowCard.js.map +1 -0
- package/dist/components/cards/TestimonialCard.d.ts +22 -0
- package/dist/components/cards/TestimonialCard.js +66 -0
- package/dist/components/cards/TestimonialCard.js.map +1 -0
- package/dist/components/cards/YoutubeCard.d.ts +14 -0
- package/dist/components/cards/YoutubeCard.js +85 -0
- package/dist/components/cards/YoutubeCard.js.map +1 -0
- package/dist/components/carousel/CarouselStyled.d.ts +62 -0
- package/dist/components/carousel/CarouselStyled.js +31 -0
- package/dist/components/carousel/CarouselStyled.js.map +1 -0
- package/dist/components/carousel/Carrossel.d.ts +15 -0
- package/dist/components/carousel/Carrossel.js +113 -0
- package/dist/components/carousel/Carrossel.js.map +1 -0
- package/dist/components/containers/ContainerAnimatedIndex.d.ts +6 -0
- package/dist/components/containers/ContainerAnimatedIndex.js +11 -0
- package/dist/components/containers/ContainerAnimatedIndex.js.map +1 -0
- package/dist/components/containers/ContainerAnimatedScroll.d.ts +9 -0
- package/dist/components/containers/ContainerAnimatedScroll.js +10 -0
- package/dist/components/containers/ContainerAnimatedScroll.js.map +1 -0
- package/dist/components/containers/ContainerSafe.d.ts +6 -0
- package/dist/components/containers/ContainerSafe.js +78 -0
- package/dist/components/containers/ContainerSafe.js.map +1 -0
- package/dist/components/containers/containerStyled.d.ts +1 -0
- package/dist/components/containers/containerStyled.js +10 -0
- package/dist/components/containers/containerStyled.js.map +1 -0
- package/dist/components/footer/Copywrite.d.ts +10 -0
- package/dist/components/footer/Copywrite.js +23 -0
- package/dist/components/footer/Copywrite.js.map +1 -0
- package/dist/components/footer/CopywriteCenter.d.ts +9 -0
- package/dist/components/footer/CopywriteCenter.js +34 -0
- package/dist/components/footer/CopywriteCenter.js.map +1 -0
- package/dist/components/footer/Footer.d.ts +10 -0
- package/dist/components/footer/Footer.js +41 -0
- package/dist/components/footer/Footer.js.map +1 -0
- package/dist/components/footer/NotificationBar.d.ts +13 -0
- package/dist/components/footer/NotificationBar.js +57 -0
- package/dist/components/footer/NotificationBar.js.map +1 -0
- package/dist/components/footer/SiteMap.d.ts +9 -0
- package/dist/components/footer/SiteMap.js +24 -0
- package/dist/components/footer/SiteMap.js.map +1 -0
- package/dist/components/footer/footerStyled.d.ts +8 -0
- package/dist/components/footer/footerStyled.js +62 -0
- package/dist/components/footer/footerStyled.js.map +1 -0
- package/dist/components/form/Form.d.ts +17 -0
- package/dist/components/form/Form.js +96 -0
- package/dist/components/form/Form.js.map +1 -0
- package/dist/components/form/FormStyled.d.ts +27 -0
- package/dist/components/form/FormStyled.js +95 -0
- package/dist/components/form/FormStyled.js.map +1 -0
- package/dist/components/header/HeaderBarIn.d.ts +15 -0
- package/dist/components/header/HeaderBarIn.js +40 -0
- package/dist/components/header/HeaderBarIn.js.map +1 -0
- package/dist/components/header/HeaderBarTop.d.ts +12 -0
- package/dist/components/header/HeaderBarTop.js +30 -0
- package/dist/components/header/HeaderBarTop.js.map +1 -0
- package/dist/components/section/Section.d.ts +9 -0
- package/dist/components/section/Section.js +19 -0
- package/dist/components/section/Section.js.map +1 -0
- package/dist/components/section/SectionGradiente.d.ts +9 -0
- package/dist/components/section/SectionGradiente.js +19 -0
- package/dist/components/section/SectionGradiente.js.map +1 -0
- package/dist/components/section/SectionImage.d.ts +7 -0
- package/dist/components/section/SectionImage.js +21 -0
- package/dist/components/section/SectionImage.js.map +1 -0
- package/dist/components/section/SectionStyled.d.ts +9 -0
- package/dist/components/section/SectionStyled.js +46 -0
- package/dist/components/section/SectionStyled.js.map +1 -0
- package/dist/components/social_media/SocialMediaIconLink.d.ts +8 -0
- package/dist/components/social_media/SocialMediaIconLink.js +13 -0
- package/dist/components/social_media/SocialMediaIconLink.js.map +1 -0
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.d.ts +12 -0
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.js +18 -0
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.js.map +1 -0
- package/dist/components/substask/SubstackPage.d.ts +5 -0
- package/dist/components/substask/SubstackPage.js +22 -0
- package/dist/components/substask/SubstackPage.js.map +1 -0
- package/dist/components/substask/SubstackPosts.d.ts +9 -0
- package/dist/components/substask/SubstackPosts.js +6 -0
- package/dist/components/substask/SubstackPosts.js.map +1 -0
- package/dist/components/text/IconText.d.ts +11 -0
- package/dist/components/text/IconText.js +26 -0
- package/dist/components/text/IconText.js.map +1 -0
- package/dist/components/text/InfiniteTicker.d.ts +15 -0
- package/dist/components/text/InfiniteTicker.js +49 -0
- package/dist/components/text/InfiniteTicker.js.map +1 -0
- package/dist/components/text/SpanStyled.d.ts +6 -0
- package/dist/components/text/SpanStyled.js +34 -0
- package/dist/components/text/SpanStyled.js.map +1 -0
- package/dist/components/text/TextWithSeparador.d.ts +7 -0
- package/dist/components/text/TextWithSeparador.js +9 -0
- package/dist/components/text/TextWithSeparador.js.map +1 -0
- package/dist/hooks/useResponsive.d.ts +9 -0
- package/dist/hooks/useResponsive.js +14 -0
- package/dist/hooks/useResponsive.js.map +1 -0
- package/dist/hooks/useResponsiveCarousel.d.ts +15 -0
- package/dist/hooks/useResponsiveCarousel.js +36 -0
- package/dist/hooks/useResponsiveCarousel.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/pages/_app.d.ts +2 -0
- package/dist/pages/_app.js +20 -0
- package/dist/pages/_app.js.map +1 -0
- package/dist/pages/_document.d.ts +9 -0
- package/dist/pages/_document.js +33 -0
- package/dist/pages/_document.js.map +1 -0
- package/dist/theme.d.ts +35 -0
- package/dist/theme.js +142 -0
- package/dist/theme.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/types/AnimatedCardData.d.ts +6 -0
- package/dist/types/AnimatedCardData.js +2 -0
- package/dist/types/AnimatedCardData.js.map +1 -0
- package/dist/types/BannerResponsiveConfig.d.ts +4 -0
- package/dist/types/BannerResponsiveConfig.js +2 -0
- package/dist/types/BannerResponsiveConfig.js.map +1 -0
- package/dist/types/ItemMenuConfig.d.ts +4 -0
- package/dist/types/ItemMenuConfig.js +2 -0
- package/dist/types/ItemMenuConfig.js.map +1 -0
- package/dist/types/ShadowConfig.d.ts +6 -0
- package/dist/types/ShadowConfig.js +2 -0
- package/dist/types/ShadowConfig.js.map +1 -0
- package/package.json +45 -0
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect } from 'react';
|
|
4
|
+
import IconButton from '@mui/material/IconButton';
|
|
5
|
+
import { styled } from '@mui/material/styles';
|
|
6
|
+
const ButtonStyled = styled(IconButton, {
|
|
7
|
+
shouldForwardProp: (prop) => !['$show', '$background_color', '$border_radius', '$background_color_hover'].includes(prop),
|
|
8
|
+
})(({ $show, $background_color, $border_radius, $background_color_hover }) => ({
|
|
9
|
+
display: $show === 'true' ? 'flex' : 'none',
|
|
10
|
+
position: 'fixed',
|
|
11
|
+
bottom: '165px',
|
|
12
|
+
right: '20px',
|
|
13
|
+
cursor: 'pointer',
|
|
14
|
+
zIndex: 1000,
|
|
15
|
+
width: 'auto',
|
|
16
|
+
height: 'auto',
|
|
17
|
+
border: `1px solid ${$background_color || '#00000000'}`,
|
|
18
|
+
backgroundColor: $background_color || '#00000000',
|
|
19
|
+
borderRadius: $border_radius,
|
|
20
|
+
'&:hover': {
|
|
21
|
+
backgroundColor: $background_color_hover || $background_color,
|
|
22
|
+
},
|
|
23
|
+
}));
|
|
24
|
+
const ScrollToTopButton = ({ show, border_radius, background_color, background_color_hover, children }) => {
|
|
25
|
+
const [showButton, setshowButton] = useState(show);
|
|
26
|
+
const handleScroll = () => {
|
|
27
|
+
setshowButton(window.scrollY > 0);
|
|
28
|
+
};
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
window.addEventListener('scroll', handleScroll);
|
|
31
|
+
return () => {
|
|
32
|
+
window.removeEventListener('scroll', handleScroll);
|
|
33
|
+
};
|
|
34
|
+
}, []);
|
|
35
|
+
const scrollToTop = () => {
|
|
36
|
+
window.scrollTo({
|
|
37
|
+
top: 0,
|
|
38
|
+
behavior: 'smooth',
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
return (_jsx(ButtonStyled, { "$background_color": background_color, "$border_radius": border_radius, "$background_color_hover": background_color_hover, onClick: scrollToTop, "aria-label": "ir para o topo", "$show": showButton.toString(), children: children }));
|
|
42
|
+
};
|
|
43
|
+
export default ScrollToTopButton;
|
|
44
|
+
//# sourceMappingURL=ScrollToTopButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollToTopButton.js","sourceRoot":"","sources":["../../../src/components/button/ScrollToTopButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnI,CAAC,CAKC,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;IAC3C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,aAAa,iBAAiB,IAAI,WAAW,EAAE;IACvD,eAAe,EAAE,iBAAiB,IAAI,WAAW;IACjD,YAAY,EAAE,cAAc;IAC5B,SAAS,EAAE;QACT,eAAe,EAAE,uBAAuB,IAAI,iBAAiB;KAC9D;CACF,CAAC,CAAC,CAAC;AAWJ,MAAM,iBAAiB,GAAqC,CAAC,EAAC,IAAI,EAAE,aAAa,EAC7E,gBAAgB,EAAE,sBAAsB,EAAE,QAAQ,EAAC,EAAE,EAAE;IAEnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;QAExB,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,yBACQ,gBAAgB,oBACnB,aAAa,6BACJ,sBAAsB,EAC/C,OAAO,EAAE,WAAW,gBAAa,gBAAgB,WAC1C,UAAU,CAAC,QAAQ,EAAE,YAC3B,QAAQ,GACI,CAChB,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { WhatsApp } from '@mui/icons-material';
|
|
4
|
+
import { styled } from '@mui/material/styles';
|
|
5
|
+
import Fab from '@mui/material/Fab';
|
|
6
|
+
const StyledFab = styled(Fab)({
|
|
7
|
+
position: 'fixed',
|
|
8
|
+
bottom: '20px',
|
|
9
|
+
right: '20px',
|
|
10
|
+
zIndex: 1000,
|
|
11
|
+
backgroundColor: '#25D366',
|
|
12
|
+
color: 'white',
|
|
13
|
+
'&:hover': {
|
|
14
|
+
backgroundColor: '#1EBE5D',
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
const WhatsAppButton = ({ whatsapp }) => {
|
|
18
|
+
const handleClick = () => {
|
|
19
|
+
window.open(`https://wa.me/${whatsapp}`, '_blank');
|
|
20
|
+
};
|
|
21
|
+
return (_jsx(StyledFab, { "aria-label": "button whatsapp", onClick: handleClick, children: _jsx(WhatsApp, {}) }));
|
|
22
|
+
};
|
|
23
|
+
export default WhatsAppButton;
|
|
24
|
+
//# sourceMappingURL=WhatsAppButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WhatsAppButton.js","sourceRoot":"","sources":["../../../src/components/button/WhatsAppButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,OAAO;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CAAC;AAMH,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAErE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBAAY,iBAAiB,EAAC,OAAO,EAAE,WAAW,YAC1D,KAAC,QAAQ,KAAG,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Box, IconButton, styled } from '@mui/material';
|
|
4
|
+
import { WhatsApp } from '@mui/icons-material';
|
|
5
|
+
const StyledBox = styled(Box, {
|
|
6
|
+
shouldForwardProp: (prop) => !['background_color'].includes(prop),
|
|
7
|
+
})(({ background_color }) => ({
|
|
8
|
+
backgroundColor: background_color,
|
|
9
|
+
padding: '4px',
|
|
10
|
+
borderRadius: '50%',
|
|
11
|
+
display: 'inline-block',
|
|
12
|
+
border: '2px solid transparent',
|
|
13
|
+
}));
|
|
14
|
+
const WhatsAppIcon = ({ whatsapp }) => {
|
|
15
|
+
return (_jsx(StyledBox, { background_color: '#25D366', children: _jsx(IconButton, { "aria-label": 'icone whatsapp', onClick: () => window.open(`https://wa.me/${whatsapp}`, '_blank', 'noopener noreferrer'), children: _jsx(WhatsApp, { sx: { color: 'white', fontSize: 24 } }) }) }));
|
|
16
|
+
};
|
|
17
|
+
export default WhatsAppIcon;
|
|
18
|
+
//# sourceMappingURL=WhatsAppIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WhatsAppIcon.js","sourceRoot":"","sources":["../../../src/components/button/WhatsAppIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAA+B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC,CAAC;AAOJ,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAEjE,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAC,SAAS,YACnC,KAAC,UAAU,kBAAY,gBAAgB,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YACxF,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAc,GACjD,GACH,CACb,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AnimatedCardData } from '@/types/AnimatedCardData';
|
|
2
|
+
import { ShadowConfig } from '@/types/ShadowConfig';
|
|
3
|
+
import { SvgIconComponent } from '@mui/icons-material';
|
|
4
|
+
interface AnimatedCardProps {
|
|
5
|
+
cards: AnimatedCardData[];
|
|
6
|
+
icon: SvgIconComponent;
|
|
7
|
+
icon_expanded: SvgIconComponent;
|
|
8
|
+
background_color: string;
|
|
9
|
+
background_color_expanded: string;
|
|
10
|
+
color: string;
|
|
11
|
+
color_expanded: string;
|
|
12
|
+
width_card: string;
|
|
13
|
+
min_height_card: string;
|
|
14
|
+
max_height_card: string;
|
|
15
|
+
border_radius?: string;
|
|
16
|
+
sombraClara?: ShadowConfig;
|
|
17
|
+
sombraEscura?: ShadowConfig;
|
|
18
|
+
}
|
|
19
|
+
declare const AnimatedCardGroup: React.FC<AnimatedCardProps>;
|
|
20
|
+
export default AnimatedCardGroup;
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { motion, AnimatePresence } from 'framer-motion';
|
|
5
|
+
import { Card, CardContent, Typography, Box, styled } from '@mui/material';
|
|
6
|
+
const StyledCard = styled(Card, {
|
|
7
|
+
shouldForwardProp: (prop) => !['border_radius', 'background_color', 'color',
|
|
8
|
+
'width_card', 'min_height_card',
|
|
9
|
+
'border_width', 'sombraClara', 'sombraEscura'].includes(prop),
|
|
10
|
+
})(({ border_radius, color, background_color, width_card, min_height_card, border_width, sombraClara, sombraEscura }) => ({
|
|
11
|
+
backgroundColor: background_color,
|
|
12
|
+
color: color,
|
|
13
|
+
borderRadius: border_radius,
|
|
14
|
+
minHeight: min_height_card,
|
|
15
|
+
transition: 'background-color 0.3s ease',
|
|
16
|
+
width: width_card,
|
|
17
|
+
height: 'auto',
|
|
18
|
+
boxShadow: `
|
|
19
|
+
${sombraClara.offsetX} ${sombraClara.offsetY} ${sombraClara.blur} ${sombraClara.color},
|
|
20
|
+
${sombraEscura.offsetX} ${sombraEscura.offsetY} ${sombraEscura.blur} ${sombraEscura.color}
|
|
21
|
+
`,
|
|
22
|
+
borderTop: `${border_width} solid ${sombraClara.color}`,
|
|
23
|
+
borderLeft: `${border_width} solid ${sombraClara.color}`,
|
|
24
|
+
padding: '0 0 16px 0'
|
|
25
|
+
}));
|
|
26
|
+
const DivTitle = styled('div')(() => ({
|
|
27
|
+
display: 'flex',
|
|
28
|
+
flexDirection: 'row',
|
|
29
|
+
justifyContent: 'center',
|
|
30
|
+
alignItems: 'center',
|
|
31
|
+
gap: '16px',
|
|
32
|
+
width: '100%',
|
|
33
|
+
}));
|
|
34
|
+
const CustomCardContent = styled(CardContent)({
|
|
35
|
+
display: 'flex',
|
|
36
|
+
flexDirection: 'column',
|
|
37
|
+
alignItems: 'center',
|
|
38
|
+
padding: '0px',
|
|
39
|
+
'&:last-child': {
|
|
40
|
+
padding: '8px 32px',
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
const ContainerList = styled('div')(() => ({
|
|
44
|
+
display: 'flex',
|
|
45
|
+
flexDirection: 'column',
|
|
46
|
+
justifyContent: 'center',
|
|
47
|
+
alignItems: 'flex-start',
|
|
48
|
+
width: '100%',
|
|
49
|
+
marginTop: '16px',
|
|
50
|
+
gap: '8px'
|
|
51
|
+
}));
|
|
52
|
+
//Componente que cria uma lista de cards com efeito collapse/expanded do Frame Motion
|
|
53
|
+
const AnimatedCardGroup = ({ cards, icon, icon_expanded, background_color, background_color_expanded, color, color_expanded, width_card, min_height_card, max_height_card, border_radius = "0px", sombraClara = { offsetX: '0px', offsetY: '0px', blur: '0px', color: 'transparent' }, sombraEscura = { offsetX: '0px', offsetY: '0px', blur: '0px', color: 'transparent' }, }) => {
|
|
54
|
+
const [activeCard, setActiveCard] = useState(null);
|
|
55
|
+
const border_width = (sombraClara.blur == '0px') ? '0px' : '3px';
|
|
56
|
+
return (_jsx(Box, { display: "flex", gap: 2, justifyContent: "center", flexWrap: "wrap", children: cards.map(({ id, title, description, list_description }) => {
|
|
57
|
+
const isActive = activeCard === id;
|
|
58
|
+
const IconToRender = isActive ? icon_expanded : icon;
|
|
59
|
+
return (_jsx(motion.div, { layout: true, transition: { type: 'spring', stiffness: 500, damping: 30 }, onClick: () => setActiveCard(activeCard === id ? null : id), style: { cursor: 'pointer', width: width_card }, children: _jsx(StyledCard, { background_color: isActive ? background_color_expanded : background_color, color: isActive ? color_expanded : color, width_card: '100%', min_height_card: isActive ? max_height_card : min_height_card, border_radius: border_radius, border_width: border_width, sombraClara: sombraClara, sombraEscura: sombraEscura, children: _jsxs(CustomCardContent, { children: [_jsxs(DivTitle, { children: [_jsx(Typography, { variant: "h6", component: "div", align: "left", flex: 1, children: title }), _jsx(Box, { fontSize: 32, children: _jsx(IconToRender, {}) })] }), _jsx(AnimatePresence, { children: isActive && (_jsxs(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'auto' }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.3 }, children: [_jsx(Typography, { variant: "body1", align: "left", mt: 2, children: description }), (list_description === null || list_description === void 0 ? void 0 : list_description.length) && (_jsx(ContainerList, { children: list_description === null || list_description === void 0 ? void 0 : list_description.map((item, index) => (_jsx(Typography, { variant: "body1", align: "left", children: item }, index))) }))] })) })] }) }) }, id));
|
|
60
|
+
}) }));
|
|
61
|
+
};
|
|
62
|
+
export default AnimatedCardGroup;
|
|
63
|
+
//# sourceMappingURL=AnimatedCardGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimatedCardGroup.js","sourceRoot":"","sources":["../../../src/components/cards/AnimatedCardGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAK1E,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,eAAe,EAAE,kBAAkB,EAAE,OAAO;QAC5C,YAAY,EAAE,iBAAiB;QAC/B,cAAc,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CASC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EACrE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAE/C,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,aAAa;IAC3B,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,4BAA4B;IACxC,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,MAAM;IACd,SAAS,EAAE;UACL,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,KAAK;UACnF,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC,KAAK;KAC5F;IACD,SAAS,EAAE,GAAG,YAAY,UAAU,WAAW,CAAC,KAAK,EAAE;IACvD,UAAU,EAAE,GAAG,YAAY,UAAU,WAAW,CAAC,KAAK,EAAE;IACxD,OAAO,EAAE,YAAY;CACxB,CAAC,CAAC,CAAA;AAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK;IACd,cAAc,EAAE;QACd,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACvC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,MAAM;IACjB,GAAG,EAAE,KAAK;CACb,CAAC,CAAC,CAAC;AAkBJ,qFAAqF;AACrF,MAAM,iBAAiB,GAAgC,CAAC,EACtD,KAAK,EAAE,IAAI,EAAE,aAAa,EAC1B,gBAAgB,EAAE,yBAAyB,EAC3C,KAAK,EAAE,cAAc,EAAE,UAAU,EACjC,eAAe,EAAE,eAAe,EAChC,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,KAAK,EAAE,KAAK,EAAC,aAAa,EAAC,EAC7E,YAAY,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,KAAK,EAAE,KAAK,EAAC,aAAa,EAAC,GAC/E,EAAE,EAAE;IAEH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAEjE,MAAM,YAAY,GAAG,CAAC,WAAW,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAEjE,OAAO,CACL,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,YAChE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,EAAE;YAE1D,MAAM,QAAQ,GAAG,UAAU,KAAK,EAAE,CAAC;YACnC,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC;YAErD,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IAET,MAAM,QACN,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3D,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,YAE/C,KAAC,UAAU,IACP,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,gBAAgB,EACzE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EACxC,UAAU,EAAC,MAAM,EACjB,eAAe,EAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EAC9D,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,YAE5B,MAAC,iBAAiB,eAChB,MAAC,QAAQ,eACL,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,YACxD,KAAK,GACG,EACb,KAAC,GAAG,IAAC,QAAQ,EAAE,EAAE,YACf,KAAC,YAAY,KAAE,GACX,IACC,EAEX,KAAC,eAAe,cACb,QAAQ,IAAI,CACX,MAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAClC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EACvC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAC/B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAE7B,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,YAC3C,WAAW,GACD,EAEZ,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,KAAI,CAC3B,KAAC,aAAa,cACX,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,IAAa,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,YACjD,IAAI,IADU,KAAK,CAET,CACd,CAAC,GACY,CACjB,IAEU,CACd,GACe,IACA,GACT,IApDR,EAAE,CAqDI,CACd,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'react-responsive-carousel/lib/styles/carousel.min.css';
|
|
3
|
+
interface BorderTopLeftRadiusCardProps {
|
|
4
|
+
width: string;
|
|
5
|
+
height: string;
|
|
6
|
+
border_color?: string;
|
|
7
|
+
background_color?: string;
|
|
8
|
+
background_image?: string;
|
|
9
|
+
margin?: string;
|
|
10
|
+
title: string;
|
|
11
|
+
description: string;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const BorderTopLeftRadiusCard: React.FC<BorderTopLeftRadiusCardProps>;
|
|
15
|
+
export default BorderTopLeftRadiusCard;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import 'react-responsive-carousel/lib/styles/carousel.min.css';
|
|
3
|
+
import { styled } from '@mui/material';
|
|
4
|
+
const Container = styled('div', {
|
|
5
|
+
shouldForwardProp: (prop) => ![
|
|
6
|
+
'border_color',
|
|
7
|
+
'background_color',
|
|
8
|
+
'margin_card',
|
|
9
|
+
'width_card',
|
|
10
|
+
'height_card',
|
|
11
|
+
'background_image',
|
|
12
|
+
].includes(prop),
|
|
13
|
+
})(({ border_color, background_color, margin_card, width_card, height_card, background_image }) => ({
|
|
14
|
+
display: 'flex',
|
|
15
|
+
flexDirection: 'column',
|
|
16
|
+
gap: '16px',
|
|
17
|
+
padding: '20px',
|
|
18
|
+
borderTopLeftRadius: '80px',
|
|
19
|
+
width: width_card,
|
|
20
|
+
height: height_card,
|
|
21
|
+
backgroundColor: background_color,
|
|
22
|
+
margin: margin_card,
|
|
23
|
+
backgroundImage: background_image ? `url(${background_image})` : undefined,
|
|
24
|
+
backgroundSize: 'cover',
|
|
25
|
+
backgroundPosition: 'center',
|
|
26
|
+
borderBottom: `5px solid ${border_color}`,
|
|
27
|
+
borderRight: `5px solid ${border_color}`,
|
|
28
|
+
}));
|
|
29
|
+
const ContentTitle = styled('div')(({ theme }) => {
|
|
30
|
+
var _a, _b, _c, _d, _e;
|
|
31
|
+
return ({
|
|
32
|
+
height: 'auto',
|
|
33
|
+
textAlign: 'center',
|
|
34
|
+
// Tipografia
|
|
35
|
+
fontFamily: theme.typography.fontFamily,
|
|
36
|
+
fontWeight: (_a = theme.typography.h4) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
37
|
+
fontStyle: (_b = theme.typography.h4) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
38
|
+
lineHeight: (_c = theme.typography.h4) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
39
|
+
letterSpacing: (_d = theme.typography.h4) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
40
|
+
fontSize: (_e = theme.typography.h4) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
const ContentDescription = styled('div')(({ theme }) => {
|
|
44
|
+
var _a, _b, _c, _d, _e;
|
|
45
|
+
return ({
|
|
46
|
+
height: 'auto',
|
|
47
|
+
flex: 1,
|
|
48
|
+
// Tipografia
|
|
49
|
+
fontFamily: theme.typography.fontFamily,
|
|
50
|
+
fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
51
|
+
fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
52
|
+
lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
53
|
+
letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
54
|
+
fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
const ContentButton = styled('div')({
|
|
58
|
+
display: 'flex',
|
|
59
|
+
alignItems: 'center',
|
|
60
|
+
justifyContent: 'center',
|
|
61
|
+
height: 'auto'
|
|
62
|
+
});
|
|
63
|
+
const BorderTopLeftRadiusCard = ({ width, height, border_color = 'transparent', background_color = 'transparent', background_image, margin = '0px', title, description, children, }) => {
|
|
64
|
+
return (_jsxs(Container, { border_color: border_color, background_color: background_color, background_image: background_image, margin_card: margin, width_card: width, height_card: height, children: [_jsx(ContentTitle, { children: title }), _jsx(ContentDescription, { children: description }), _jsx(ContentButton, { children: children })] }));
|
|
65
|
+
};
|
|
66
|
+
export default BorderTopLeftRadiusCard;
|
|
67
|
+
//# sourceMappingURL=BorderTopLeftRadiusCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BorderTopLeftRadiusCard.js","sourceRoot":"","sources":["../../../src/components/cards/BorderTopLeftRadiusCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface CardLerMaisProps {
|
|
2
|
+
text_footer?: string;
|
|
3
|
+
description: string[];
|
|
4
|
+
principal?: boolean;
|
|
5
|
+
icon: string;
|
|
6
|
+
background_color?: string;
|
|
7
|
+
color_text_description: string;
|
|
8
|
+
color_text_footer: string;
|
|
9
|
+
color_text_lermais: string;
|
|
10
|
+
border_radius?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const CardLerMais: React.FC<CardLerMaisProps>;
|
|
13
|
+
export default CardLerMais;
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef, useEffect } from 'react';
|
|
3
|
+
import { styled } from '@mui/material/styles';
|
|
4
|
+
const ContentCard = styled('div', {
|
|
5
|
+
shouldForwardProp: (prop) => !['width', 'height', 'background_color', 'color', 'border_radius'].includes(prop),
|
|
6
|
+
})(({ width = '340px', height = '460px', border_radius = '0', background_color = 'transparent' }) => ({
|
|
7
|
+
width: width,
|
|
8
|
+
minWidth: width,
|
|
9
|
+
minHeight: height,
|
|
10
|
+
display: 'flex',
|
|
11
|
+
justifyContent: 'flex-start',
|
|
12
|
+
alignItems: 'flex-end',
|
|
13
|
+
position: 'relative',
|
|
14
|
+
marginBottom: '16px',
|
|
15
|
+
borderRadius: border_radius,
|
|
16
|
+
backgroundColor: background_color,
|
|
17
|
+
flexDirection: 'column',
|
|
18
|
+
boxSizing: 'border-box',
|
|
19
|
+
padding: '20px',
|
|
20
|
+
gap: '16px',
|
|
21
|
+
}));
|
|
22
|
+
const AreaTexto = styled('div')({
|
|
23
|
+
width: '100%',
|
|
24
|
+
height: 'auto',
|
|
25
|
+
display: 'grid',
|
|
26
|
+
gridTemplateRows: 'auto 1fr auto',
|
|
27
|
+
gap: '16px',
|
|
28
|
+
boxSizing: 'border-box',
|
|
29
|
+
});
|
|
30
|
+
const TextDestaque = styled('div', {
|
|
31
|
+
shouldForwardProp: (prop) => !['color'].includes(prop),
|
|
32
|
+
})(({ color, theme }) => {
|
|
33
|
+
var _a, _b, _c, _d, _e, _f;
|
|
34
|
+
return ({
|
|
35
|
+
color: color,
|
|
36
|
+
fontFamily: theme.typography.fontFamily,
|
|
37
|
+
fontWeight: (_a = theme.typography.body2) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
38
|
+
fontStyle: (_b = theme.typography.body2) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
39
|
+
lineHeight: (_c = theme.typography.body2) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
40
|
+
letterSpacing: (_d = theme.typography.body2) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
41
|
+
fontSize: (_e = theme.typography.body2) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
42
|
+
margin: (_f = theme.typography.body2) === null || _f === void 0 ? void 0 : _f.margin,
|
|
43
|
+
padding: 0,
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
const DescricaoContainer = styled('div', {
|
|
47
|
+
shouldForwardProp: (prop) => prop !== 'expanded',
|
|
48
|
+
})(({ expanded }) => ({
|
|
49
|
+
overflow: 'hidden',
|
|
50
|
+
display: '-webkit-box',
|
|
51
|
+
WebkitLineClamp: expanded ? 'unset' : 6,
|
|
52
|
+
WebkitBoxOrient: 'vertical',
|
|
53
|
+
textOverflow: 'ellipsis',
|
|
54
|
+
}));
|
|
55
|
+
const Description = styled('div', {
|
|
56
|
+
shouldForwardProp: (prop) => !['color'].includes(prop),
|
|
57
|
+
})(({ color, theme }) => {
|
|
58
|
+
var _a, _b, _c, _d, _e;
|
|
59
|
+
return ({
|
|
60
|
+
margin: '0 0 8px',
|
|
61
|
+
color: color,
|
|
62
|
+
fontFamily: theme.typography.fontFamily,
|
|
63
|
+
fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
64
|
+
fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
65
|
+
lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
66
|
+
letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
67
|
+
fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
const LerMais = styled('button', {
|
|
71
|
+
shouldForwardProp: (prop) => !['color'].includes(prop),
|
|
72
|
+
})(({ color, theme }) => {
|
|
73
|
+
var _a, _b, _c, _d, _e, _f;
|
|
74
|
+
return ({
|
|
75
|
+
background: 'none',
|
|
76
|
+
border: 'none',
|
|
77
|
+
color: color,
|
|
78
|
+
cursor: 'pointer',
|
|
79
|
+
padding: 0,
|
|
80
|
+
textAlign: 'left',
|
|
81
|
+
fontFamily: theme.typography.fontFamily,
|
|
82
|
+
fontWeight: (_a = theme.typography.caption) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
83
|
+
fontStyle: (_b = theme.typography.caption) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
84
|
+
lineHeight: (_c = theme.typography.caption) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
85
|
+
letterSpacing: (_d = theme.typography.caption) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
86
|
+
fontSize: (_e = theme.typography.caption) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
87
|
+
margin: (_f = theme.typography.caption) === null || _f === void 0 ? void 0 : _f.margin,
|
|
88
|
+
'&:hover': {
|
|
89
|
+
textDecoration: 'underline',
|
|
90
|
+
},
|
|
91
|
+
});
|
|
92
|
+
});
|
|
93
|
+
const ImageTag = styled('img')(({ theme }) => ({
|
|
94
|
+
padding: '8px',
|
|
95
|
+
height: '40px',
|
|
96
|
+
width: '40px',
|
|
97
|
+
[theme.breakpoints.down('sm')]: {
|
|
98
|
+
height: '32px',
|
|
99
|
+
width: '32px',
|
|
100
|
+
},
|
|
101
|
+
}));
|
|
102
|
+
const CardLerMais = ({ text_footer, description, icon, background_color = 'transparent', color_text_footer, color_text_description, color_text_lermais, border_radius = '0', principal = false }) => {
|
|
103
|
+
const [expanded, setExpanded] = useState(false);
|
|
104
|
+
const [exibeBotao, setExibeBotao] = useState(false);
|
|
105
|
+
const descricaoRef = useRef(null);
|
|
106
|
+
useEffect(() => {
|
|
107
|
+
if (descricaoRef.current) {
|
|
108
|
+
const lineHeight = parseFloat(getComputedStyle(descricaoRef.current).lineHeight);
|
|
109
|
+
const height = descricaoRef.current.scrollHeight;
|
|
110
|
+
const maxLines = 6;
|
|
111
|
+
const maxHeight = lineHeight * maxLines;
|
|
112
|
+
setExibeBotao(height > maxHeight);
|
|
113
|
+
setExpanded(principal);
|
|
114
|
+
}
|
|
115
|
+
}, [description, principal]);
|
|
116
|
+
const width = principal ? '100%' : '340px';
|
|
117
|
+
const height = principal ? '100%' : '340px';
|
|
118
|
+
return (_jsxs(ContentCard, { width: width, height: height, background_color: background_color, border_radius: border_radius, children: [icon && _jsx(ImageTag, { src: icon, alt: "icone card" }), _jsxs(AreaTexto, { children: [_jsx(DescricaoContainer, { ref: descricaoRef, expanded: expanded, children: description.map((item, index) => (_jsx(Description, { color: color_text_description, children: item }, index))) }), exibeBotao && (_jsx(LerMais, { color: color_text_lermais, onClick: () => setExpanded(!expanded), children: expanded ? 'Ler menos' : 'Ler mais' })), text_footer && _jsx(TextDestaque, { color: color_text_footer, children: text_footer })] })] }));
|
|
119
|
+
};
|
|
120
|
+
export default CardLerMais;
|
|
121
|
+
//# sourceMappingURL=CardLerMais.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardLerMais.js","sourceRoot":"","sources":["../../../src/components/cards/CardLerMais.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface GradientCardProps {
|
|
3
|
+
title: string;
|
|
4
|
+
description: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
color_title: string;
|
|
7
|
+
color_description: string;
|
|
8
|
+
}
|
|
9
|
+
declare const ContentCardDescription: React.FC<GradientCardProps>;
|
|
10
|
+
export default ContentCardDescription;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { styled } from '@mui/material';
|
|
3
|
+
const Container = styled('div')({
|
|
4
|
+
display: 'flex',
|
|
5
|
+
flexDirection: 'column',
|
|
6
|
+
gap: '16px',
|
|
7
|
+
height: '100%',
|
|
8
|
+
width: '100%',
|
|
9
|
+
});
|
|
10
|
+
const ContentTitle = styled('div', {
|
|
11
|
+
shouldForwardProp: (prop) => !['text_color'].includes(prop),
|
|
12
|
+
})(({ theme, text_color }) => {
|
|
13
|
+
var _a, _b, _c, _d, _e;
|
|
14
|
+
return ({
|
|
15
|
+
height: 'auto',
|
|
16
|
+
width: '100%',
|
|
17
|
+
color: text_color,
|
|
18
|
+
// Tipografia
|
|
19
|
+
fontFamily: theme.typography.fontFamily,
|
|
20
|
+
fontWeight: (_a = theme.typography.h4) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
21
|
+
fontStyle: (_b = theme.typography.h4) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
22
|
+
lineHeight: (_c = theme.typography.h4) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
23
|
+
letterSpacing: (_d = theme.typography.h4) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
24
|
+
fontSize: (_e = theme.typography.h4) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
const ContentDescription = styled('div', {
|
|
28
|
+
shouldForwardProp: (prop) => !['text_color'].includes(prop),
|
|
29
|
+
})(({ theme, text_color }) => {
|
|
30
|
+
var _a, _b, _c, _d, _e;
|
|
31
|
+
return ({
|
|
32
|
+
height: 'auto',
|
|
33
|
+
flex: 1,
|
|
34
|
+
color: text_color,
|
|
35
|
+
// Tipografia
|
|
36
|
+
fontFamily: theme.typography.fontFamily,
|
|
37
|
+
fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
38
|
+
fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
39
|
+
lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
40
|
+
letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
41
|
+
fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
const ContentButton = styled('div')({
|
|
45
|
+
display: 'flex',
|
|
46
|
+
height: 'auto'
|
|
47
|
+
});
|
|
48
|
+
const ContentCardDescription = ({ title, description, color_title, color_description, children, }) => {
|
|
49
|
+
return (_jsxs(Container, { children: [_jsx(ContentTitle, { text_color: color_title, children: title }), _jsx(ContentDescription, { text_color: color_description, children: description }), _jsx(ContentButton, { children: children })] }));
|
|
50
|
+
};
|
|
51
|
+
export default ContentCardDescription;
|
|
52
|
+
//# sourceMappingURL=ContentCardDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentCardDescription.js","sourceRoot":"","sources":["../../../src/components/cards/ContentCardDescription.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEL,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IACjC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC3C,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;;IAAC,OAAA,CAAC;QACnD,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,UAAU;QAEjB,aAAa;QACb,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;QACvC,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,UAAU;QAC3C,SAAS,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,SAAS;QACzC,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,UAAU;QAC3C,aAAa,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,aAAa;QACjD,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,QAAQ;KACxC,CAAC,CAAA;CAAA,CAAC,CAAC;AAEJ,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,EAAE;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC3C,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;;IAAC,OAAA,CAAC;QACnD,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,UAAU;QAEjB,aAAa;QACb,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;QACvC,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,UAAU;QAC9C,SAAS,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,SAAS;QAC5C,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,UAAU;QAC9C,aAAa,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,aAAa;QACpD,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,QAAQ;KAC3C,CAAC,CAAA;CAAA,CAAC,CAAC;AAEJ,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAUH,MAAM,sBAAsB,GAAgC,CAAC,EAC3D,KAAK,EACL,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,SAAS,eACR,KAAC,YAAY,IAAC,UAAU,EAAE,WAAW,YAClC,KAAK,GACO,EACf,KAAC,kBAAkB,IAAC,UAAU,EAAE,iBAAiB,YAC9C,WAAW,GACO,EACrB,KAAC,aAAa,cACX,QAAQ,GACK,IACN,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface GradientCardProps {
|
|
3
|
+
width: string;
|
|
4
|
+
height: string;
|
|
5
|
+
margin?: string;
|
|
6
|
+
color1: string;
|
|
7
|
+
color2: string;
|
|
8
|
+
color3: string;
|
|
9
|
+
title: string;
|
|
10
|
+
description: string;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
border_radius?: string;
|
|
13
|
+
color_title: string;
|
|
14
|
+
color_description: string;
|
|
15
|
+
}
|
|
16
|
+
declare const GradientCard: React.FC<GradientCardProps>;
|
|
17
|
+
export default GradientCard;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { styled } from '@mui/material';
|
|
3
|
+
const Container = styled('div', {
|
|
4
|
+
shouldForwardProp: (prop) => ![
|
|
5
|
+
'margin_card',
|
|
6
|
+
'width_card',
|
|
7
|
+
'height_card',
|
|
8
|
+
'color1',
|
|
9
|
+
'color2',
|
|
10
|
+
'color3',
|
|
11
|
+
'border_radius'
|
|
12
|
+
].includes(prop),
|
|
13
|
+
})(({ margin_card, width_card, height_card, color1, color2, color3, border_radius }) => ({
|
|
14
|
+
display: 'flex',
|
|
15
|
+
flexDirection: 'column',
|
|
16
|
+
gap: '16px',
|
|
17
|
+
padding: '20px',
|
|
18
|
+
borderRadius: border_radius,
|
|
19
|
+
width: width_card,
|
|
20
|
+
height: height_card,
|
|
21
|
+
margin: margin_card,
|
|
22
|
+
background: `linear-gradient(to bottom, ${color1}, ${color2}, ${color3})`,
|
|
23
|
+
}));
|
|
24
|
+
const ContentTitle = styled('div', {
|
|
25
|
+
shouldForwardProp: (prop) => !['text_color'].includes(prop),
|
|
26
|
+
})(({ theme, text_color }) => {
|
|
27
|
+
var _a, _b, _c, _d, _e;
|
|
28
|
+
return ({
|
|
29
|
+
height: 'auto',
|
|
30
|
+
width: '100%',
|
|
31
|
+
color: text_color,
|
|
32
|
+
// Tipografia
|
|
33
|
+
fontFamily: theme.typography.fontFamily,
|
|
34
|
+
fontWeight: (_a = theme.typography.h4) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
35
|
+
fontStyle: (_b = theme.typography.h4) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
36
|
+
lineHeight: (_c = theme.typography.h4) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
37
|
+
letterSpacing: (_d = theme.typography.h4) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
38
|
+
fontSize: (_e = theme.typography.h4) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
const ContentDescription = styled('div', {
|
|
42
|
+
shouldForwardProp: (prop) => !['text_color'].includes(prop),
|
|
43
|
+
})(({ theme, text_color }) => {
|
|
44
|
+
var _a, _b, _c, _d, _e;
|
|
45
|
+
return ({
|
|
46
|
+
height: 'auto',
|
|
47
|
+
flex: 1,
|
|
48
|
+
color: text_color,
|
|
49
|
+
// Tipografia
|
|
50
|
+
fontFamily: theme.typography.fontFamily,
|
|
51
|
+
fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
52
|
+
fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
53
|
+
lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
54
|
+
letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
55
|
+
fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
const ContentButton = styled('div')({
|
|
59
|
+
display: 'flex',
|
|
60
|
+
height: 'auto'
|
|
61
|
+
});
|
|
62
|
+
const GradientCard = ({ width, height, margin = '0px', color1, color2, color3, title, description, border_radius = '0px', color_title, color_description, children, }) => {
|
|
63
|
+
return (_jsxs(Container, { margin_card: margin, width_card: width, height_card: height, color1: color1, color2: color2, color3: color3, border_radius: border_radius, children: [_jsx(ContentTitle, { text_color: color_title, children: title }), _jsx(ContentDescription, { text_color: color_description, children: description }), _jsx(ContentButton, { children: children })] }));
|
|
64
|
+
};
|
|
65
|
+
export default GradientCard;
|
|
66
|
+
//# sourceMappingURL=GradientCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientCard.js","sourceRoot":"","sources":["../../../src/components/cards/GradientCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'react-responsive-carousel/lib/styles/carousel.min.css';
|
|
3
|
+
interface ImageCardProps {
|
|
4
|
+
src: string;
|
|
5
|
+
alt: string;
|
|
6
|
+
widthImage: number;
|
|
7
|
+
heightImage: number;
|
|
8
|
+
border_radius?: string;
|
|
9
|
+
background_color?: string;
|
|
10
|
+
margin?: string;
|
|
11
|
+
flex_direction?: 'row' | 'column';
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const ImageCard: React.FC<ImageCardProps>;
|
|
15
|
+
export default ImageCard;
|