@npm_leadtech/legal-lib-components 7.19.1 → 7.19.2
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/css/styles.css +15 -30
- package/dist/src/components/atoms/CardPane/CardPane.styled.js +1 -1
- package/dist/src/components/atoms/CardPane/CardPane.styled.ts +1 -1
- package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.d.ts +3 -0
- package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.js +5 -0
- package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.d.ts +1 -0
- package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.js +21 -0
- package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.ts +22 -0
- package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.tsx +14 -0
- package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeaderProps.d.ts +4 -0
- package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeaderProps.ts +4 -0
- package/dist/src/components/atoms/ContactInformationHeader/index.d.ts +2 -0
- package/dist/src/components/atoms/ContactInformationHeader/index.js +2 -0
- package/dist/src/components/atoms/ContactInformationHeader/index.ts +2 -0
- package/dist/src/components/atoms/MobileTrigger/MobileTrigger.d.ts +3 -0
- package/dist/src/components/atoms/MobileTrigger/MobileTrigger.js +5 -0
- package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.d.ts +5 -0
- package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.js +8 -0
- package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.ts +13 -0
- package/dist/src/components/atoms/MobileTrigger/MobileTrigger.tsx +11 -0
- package/dist/src/components/atoms/MobileTrigger/MobileTriggerProps.d.ts +6 -0
- package/dist/src/components/atoms/MobileTrigger/MobileTriggerProps.ts +6 -0
- package/dist/src/components/atoms/MobileTrigger/index.d.ts +2 -0
- package/dist/src/components/atoms/MobileTrigger/index.js +2 -0
- package/dist/src/components/atoms/MobileTrigger/index.ts +2 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.d.ts +3 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.js +6 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.d.ts +1 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.js +17 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.ts +18 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.tsx +15 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.d.ts +3 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.ts +3 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/index.d.ts +2 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/index.js +2 -0
- package/dist/src/components/atoms/PhoneNumberDisplay/index.ts +2 -0
- package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.js +1 -1
- package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.ts +1 -1
- package/dist/src/components/atoms/index.d.ts +3 -0
- package/dist/src/components/atoms/index.js +3 -0
- package/dist/src/components/atoms/index.ts +3 -0
- package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.js +1 -1
- package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.ts +1 -1
- package/dist/src/components/molecules/HelpPanelList/HelpPanelList.d.ts +3 -0
- package/dist/src/components/molecules/HelpPanelList/HelpPanelList.js +5 -0
- package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.d.ts +4 -0
- package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.js +34 -0
- package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.ts +38 -0
- package/dist/src/components/molecules/HelpPanelList/HelpPanelList.tsx +18 -0
- package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.d.ts +9 -0
- package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.js +1 -0
- package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.ts +10 -0
- package/dist/src/components/molecules/HelpPanelList/index.d.ts +2 -0
- package/dist/src/components/molecules/HelpPanelList/index.js +2 -0
- package/dist/src/components/molecules/HelpPanelList/index.ts +2 -0
- package/dist/src/components/molecules/HelpSection/HelpSection.d.ts +3 -0
- package/dist/src/components/molecules/HelpSection/HelpSection.js +5 -0
- package/dist/src/components/molecules/HelpSection/HelpSection.styled.d.ts +3 -0
- package/dist/src/components/molecules/HelpSection/HelpSection.styled.js +64 -0
- package/dist/src/components/molecules/HelpSection/HelpSection.styled.ts +66 -0
- package/dist/src/components/molecules/HelpSection/HelpSection.tsx +18 -0
- package/dist/src/components/molecules/HelpSection/HelpSectionProps.d.ts +6 -0
- package/dist/src/components/molecules/HelpSection/HelpSectionProps.js +1 -0
- package/dist/src/components/molecules/HelpSection/HelpSectionProps.ts +7 -0
- package/dist/src/components/molecules/HelpSection/index.d.ts +2 -0
- package/dist/src/components/molecules/HelpSection/index.js +2 -0
- package/dist/src/components/molecules/HelpSection/index.ts +2 -0
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.tsx +1 -1
- package/dist/src/components/molecules/SocialLinks/SocialLinks.js +1 -5
- package/dist/src/components/molecules/SocialLinks/SocialLinks.tsx +7 -11
- package/dist/src/components/molecules/TextInput/TextInput.scss +15 -31
- package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx +2 -13
- package/dist/src/components/molecules/index.d.ts +2 -2
- package/dist/src/components/molecules/index.js +2 -2
- package/dist/src/components/molecules/index.ts +2 -2
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.js +3 -3
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.js +1 -0
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.ts +1 -0
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.tsx +6 -4
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.d.ts +3 -2
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.ts +4 -2
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.d.ts +3 -0
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.js +7 -0
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.d.ts +1 -0
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.js +16 -0
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.ts +17 -0
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.tsx +15 -0
- package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.d.ts +7 -0
- package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.js +1 -0
- package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.ts +8 -0
- package/dist/src/components/organisms/DesktopMenu/index.d.ts +2 -0
- package/dist/src/components/organisms/DesktopMenu/index.js +2 -0
- package/dist/src/components/organisms/DesktopMenu/index.ts +2 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenu.d.ts +3 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenu.js +9 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.d.ts +7 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.js +23 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.ts +30 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenu.tsx +54 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenuProps.d.ts +16 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenuProps.js +1 -0
- package/dist/src/components/organisms/MobileMenu/MobileMenuProps.ts +18 -0
- package/dist/src/components/organisms/MobileMenu/index.d.ts +2 -0
- package/dist/src/components/organisms/MobileMenu/index.js +2 -0
- package/dist/src/components/organisms/MobileMenu/index.ts +2 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanel.d.ts +3 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanel.js +4 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.d.ts +8 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.js +27 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.ts +35 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanel.tsx +13 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanelProps.d.ts +7 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanelProps.js +1 -0
- package/dist/src/components/organisms/MobilePanel/MobilePanelProps.ts +7 -0
- package/dist/src/components/organisms/MobilePanel/index.d.ts +2 -0
- package/dist/src/components/organisms/MobilePanel/index.js +2 -0
- package/dist/src/components/organisms/MobilePanel/index.ts +2 -0
- package/dist/src/components/organisms/index.d.ts +3 -0
- package/dist/src/components/organisms/index.js +3 -0
- package/dist/src/components/organisms/index.ts +3 -0
- package/dist/src/components/pages/ContactUsPage/ContactUsPage.js +3 -3
- package/dist/src/components/pages/ContactUsPage/ContactUsPage.tsx +3 -3
- package/dist/src/components/pages/ContactUsPage/ContactUsPageProps.d.ts +2 -2
- package/dist/src/components/pages/ContactUsPage/ContactUsPageProps.ts +2 -2
- package/dist/src/components/sections/AppHeader/AppHeader.d.ts +4 -0
- package/dist/src/components/sections/AppHeader/AppHeader.js +8 -0
- package/dist/src/components/sections/AppHeader/AppHeader.scss +32 -0
- package/dist/src/components/sections/AppHeader/AppHeader.styled.d.ts +2 -0
- package/dist/src/components/sections/AppHeader/AppHeader.styled.js +35 -0
- package/dist/src/components/sections/AppHeader/AppHeader.styled.ts +36 -0
- package/dist/src/components/sections/AppHeader/AppHeader.tsx +58 -0
- package/dist/src/components/sections/AppHeader/AppHeaderProps.d.ts +26 -0
- package/dist/src/components/sections/AppHeader/AppHeaderProps.js +1 -0
- package/dist/src/components/sections/AppHeader/AppHeaderProps.ts +27 -0
- package/dist/src/components/sections/AppHeader/index.d.ts +2 -0
- package/dist/src/components/sections/AppHeader/index.js +2 -0
- package/dist/src/components/sections/AppHeader/index.ts +2 -0
- package/dist/src/components/sections/ContactSection/ContactSection.styled.js +0 -2
- package/dist/src/components/sections/ContactSection/ContactSection.styled.ts +0 -2
- package/dist/src/components/sections/index.d.ts +1 -0
- package/dist/src/components/sections/index.js +1 -0
- package/dist/src/components/sections/index.ts +1 -0
- package/dist/src/hooks/useIntersectionObserver.d.ts +5 -7
- package/dist/src/hooks/useIntersectionObserver.js +7 -5
- package/dist/src/hooks/useIntersectionObserver.tsx +10 -12
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/dist/images/componentsSvg/InfoLocationSvg.d.ts +0 -2
- package/dist/images/componentsSvg/InfoLocationSvg.js +0 -4
- package/dist/images/componentsSvg/InfoLocationSvg.tsx +0 -14
- package/dist/images/componentsSvg/InfoMailSvg.d.ts +0 -2
- package/dist/images/componentsSvg/InfoMailSvg.js +0 -4
- package/dist/images/componentsSvg/InfoMailSvg.tsx +0 -12
- package/dist/images/componentsSvg/InfoPhoneSvg.d.ts +0 -2
- package/dist/images/componentsSvg/InfoPhoneSvg.js +0 -4
- package/dist/images/componentsSvg/InfoPhoneSvg.tsx +0 -12
- package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.d.ts +0 -3
- package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.js +0 -6
- package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.d.ts +0 -1
- package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.js +0 -23
- package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.ts +0 -24
- package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.tsx +0 -15
- package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.d.ts +0 -4
- package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.ts +0 -4
- package/dist/src/components/molecules/ContactInfoBox/index.d.ts +0 -2
- package/dist/src/components/molecules/ContactInfoBox/index.js +0 -1
- package/dist/src/components/molecules/ContactInfoBox/index.ts +0 -2
- package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.d.ts +0 -3
- package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.js +0 -6
- package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.d.ts +0 -1
- package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.js +0 -23
- package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.ts +0 -24
- package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.tsx +0 -15
- package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.d.ts +0 -4
- package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.ts +0 -4
- package/dist/src/components/molecules/ContactInfoBoxMobile/index.d.ts +0 -2
- package/dist/src/components/molecules/ContactInfoBoxMobile/index.js +0 -1
- package/dist/src/components/molecules/ContactInfoBoxMobile/index.ts +0 -2
- package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.d.ts +0 -3
- package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.js +0 -19
- package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.d.ts +0 -1
- package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.js +0 -77
- package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.ts +0 -78
- package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.tsx +0 -58
- package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.d.ts +0 -7
- package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.ts +0 -8
- package/dist/src/components/molecules/ContactInfoCard/index.d.ts +0 -2
- package/dist/src/components/molecules/ContactInfoCard/index.js +0 -2
- package/dist/src/components/molecules/ContactInfoCard/index.ts +0 -2
- /package/dist/src/components/{molecules/ContactInfoBox/ContactInfoBoxProps.types.js → atoms/ContactInformationHeader/ContactInformationHeaderProps.js} +0 -0
- /package/dist/src/components/{molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.js → atoms/MobileTrigger/MobileTriggerProps.js} +0 -0
- /package/dist/src/components/{molecules/ContactInfoCard/ContactInfoCardProps.js → atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.js} +0 -0
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
export const InfoPhoneSvg: React.FC = () => {
|
|
4
|
-
return (
|
|
5
|
-
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
|
|
6
|
-
<path
|
|
7
|
-
d='M16.6667 10C16.4444 10 16.2465 9.92014 16.0729 9.76042C15.8993 9.60069 15.7986 9.40278 15.7708 9.16667C15.5903 7.875 15.0451 6.77431 14.1354 5.86458C13.2257 4.95486 12.125 4.40972 10.8333 4.22917C10.5972 4.20139 10.3993 4.10417 10.2396 3.9375C10.0799 3.77083 10 3.56944 10 3.33333C10 3.09722 10.0833 2.89931 10.25 2.73958C10.4167 2.57986 10.6111 2.51389 10.8333 2.54167C12.5833 2.73611 14.0764 3.45139 15.3125 4.6875C16.5486 5.92361 17.2639 7.41667 17.4583 9.16667C17.4861 9.38889 17.4201 9.58333 17.2604 9.75C17.1007 9.91667 16.9028 10 16.6667 10ZM13.1875 10C13.0069 10 12.8472 9.9375 12.7083 9.8125C12.5694 9.6875 12.4653 9.52083 12.3958 9.3125C12.2847 8.90972 12.0729 8.55208 11.7604 8.23958C11.4479 7.92708 11.0903 7.71528 10.6875 7.60417C10.4792 7.53472 10.3125 7.43056 10.1875 7.29167C10.0625 7.15278 10 6.98611 10 6.79167C10 6.51389 10.0972 6.28819 10.2917 6.11458C10.4861 5.94097 10.7014 5.88194 10.9375 5.9375C11.7153 6.11806 12.3854 6.48958 12.9479 7.05208C13.5104 7.61458 13.8819 8.28472 14.0625 9.0625C14.1181 9.29861 14.0556 9.51389 13.875 9.70833C13.6944 9.90278 13.4653 10 13.1875 10ZM16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z'
|
|
8
|
-
fill='#02374A'
|
|
9
|
-
/>
|
|
10
|
-
</svg>
|
|
11
|
-
)
|
|
12
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ContactInfoBoxStyled } from './ContactInfoBox.styled';
|
|
3
|
-
import { ContactInfoCard } from '../ContactInfoCard';
|
|
4
|
-
export const ContactInfoBox = ({ items }) => {
|
|
5
|
-
return (_jsx(ContactInfoBoxStyled, { className: 'contact-info-box-container', children: items.map((item, index) => (_jsx(ContactInfoCard, { ...item }, index))) }));
|
|
6
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const ContactInfoBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const ContactInfoBoxStyled = styled.div `
|
|
4
|
-
display: none;
|
|
5
|
-
background-color: var(--others-white);
|
|
6
|
-
width: 100%;
|
|
7
|
-
border-radius: var(--s-border-radius);
|
|
8
|
-
margin-bottom: 2rem;
|
|
9
|
-
padding: 0.5rem 1.5rem;
|
|
10
|
-
text-decoration: none;
|
|
11
|
-
box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
|
|
12
|
-
|
|
13
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
14
|
-
@supports (-webkit-appearance: none) {
|
|
15
|
-
letter-spacing: -1px;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
@media ${device['landscape-tablets']} {
|
|
20
|
-
display: flex;
|
|
21
|
-
flex-direction: column;
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const ContactInfoBoxStyled = styled.div`
|
|
5
|
-
display: none;
|
|
6
|
-
background-color: var(--others-white);
|
|
7
|
-
width: 100%;
|
|
8
|
-
border-radius: var(--s-border-radius);
|
|
9
|
-
margin-bottom: 2rem;
|
|
10
|
-
padding: 0.5rem 1.5rem;
|
|
11
|
-
text-decoration: none;
|
|
12
|
-
box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
|
|
13
|
-
|
|
14
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
15
|
-
@supports (-webkit-appearance: none) {
|
|
16
|
-
letter-spacing: -1px;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@media ${device['landscape-tablets']} {
|
|
21
|
-
display: flex;
|
|
22
|
-
flex-direction: column;
|
|
23
|
-
}
|
|
24
|
-
`
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { type ContactInfoBoxProps } from './ContactInfoBoxProps.types'
|
|
4
|
-
import { ContactInfoBoxStyled } from './ContactInfoBox.styled'
|
|
5
|
-
import { ContactInfoCard } from '../ContactInfoCard'
|
|
6
|
-
|
|
7
|
-
export const ContactInfoBox: React.FC<ContactInfoBoxProps> = ({ items }) => {
|
|
8
|
-
return (
|
|
9
|
-
<ContactInfoBoxStyled className='contact-info-box-container'>
|
|
10
|
-
{items.map((item, index) => (
|
|
11
|
-
<ContactInfoCard key={index} {...item} />
|
|
12
|
-
))}
|
|
13
|
-
</ContactInfoBoxStyled>
|
|
14
|
-
)
|
|
15
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ContactInfoBox } from './ContactInfoBox';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ContactInfoBoxMobileStyled } from './ContactInfoBoxMobile.styled';
|
|
3
|
-
import { ContactInfoCard } from '../ContactInfoCard';
|
|
4
|
-
export const ContactInfoBoxMobile = ({ items }) => {
|
|
5
|
-
return (_jsx(ContactInfoBoxMobileStyled, { className: 'contact-info-box-container', children: items.map((item, index) => (_jsx(ContactInfoCard, { ...item }, index))) }));
|
|
6
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const ContactInfoBoxMobileStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const ContactInfoBoxMobileStyled = styled.div `
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
background-color: var(--others-white);
|
|
7
|
-
width: 100%;
|
|
8
|
-
border-radius: var(--s-border-radius);
|
|
9
|
-
margin-bottom: 2rem;
|
|
10
|
-
padding: 0.5rem 1.5rem;
|
|
11
|
-
text-decoration: none;
|
|
12
|
-
box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
|
|
13
|
-
|
|
14
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
15
|
-
@supports (-webkit-appearance: none) {
|
|
16
|
-
letter-spacing: -1px;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@media ${device['landscape-tablets']} {
|
|
21
|
-
display: none;
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const ContactInfoBoxMobileStyled = styled.div`
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
background-color: var(--others-white);
|
|
8
|
-
width: 100%;
|
|
9
|
-
border-radius: var(--s-border-radius);
|
|
10
|
-
margin-bottom: 2rem;
|
|
11
|
-
padding: 0.5rem 1.5rem;
|
|
12
|
-
text-decoration: none;
|
|
13
|
-
box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
|
|
14
|
-
|
|
15
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
16
|
-
@supports (-webkit-appearance: none) {
|
|
17
|
-
letter-spacing: -1px;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@media ${device['landscape-tablets']} {
|
|
22
|
-
display: none;
|
|
23
|
-
}
|
|
24
|
-
`
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { type ContactInfoBoxMobileProps } from './ContactInfoBoxMobileProps.types'
|
|
4
|
-
import { ContactInfoBoxMobileStyled } from './ContactInfoBoxMobile.styled'
|
|
5
|
-
import { ContactInfoCard } from '../ContactInfoCard'
|
|
6
|
-
|
|
7
|
-
export const ContactInfoBoxMobile: React.FC<ContactInfoBoxMobileProps> = ({ items }) => {
|
|
8
|
-
return (
|
|
9
|
-
<ContactInfoBoxMobileStyled className='contact-info-box-container'>
|
|
10
|
-
{items.map((item, index) => (
|
|
11
|
-
<ContactInfoCard key={index} {...item} />
|
|
12
|
-
))}
|
|
13
|
-
</ContactInfoBoxMobileStyled>
|
|
14
|
-
)
|
|
15
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ContactInfoBoxMobile } from './ContactInfoBoxMobile';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from '../../atoms';
|
|
3
|
-
import { ContactInfoCardStyled } from './ContactInfoCard.styled';
|
|
4
|
-
import { InfoLocationSvg } from '../../../../images/componentsSvg/InfoLocationSvg';
|
|
5
|
-
import { InfoMailSvg } from '../../../../images/componentsSvg/InfoMailSvg';
|
|
6
|
-
import { InfoPhoneSvg } from '../../../../images/componentsSvg/InfoPhoneSvg';
|
|
7
|
-
const iconMap = {
|
|
8
|
-
email: _jsx(InfoMailSvg, {}),
|
|
9
|
-
phone: _jsx(InfoPhoneSvg, {}),
|
|
10
|
-
location: _jsx(InfoLocationSvg, {})
|
|
11
|
-
};
|
|
12
|
-
export const ContactInfoCard = ({ type, isMobile = false, title, text }) => {
|
|
13
|
-
if (type === 'phone' && isMobile) {
|
|
14
|
-
return (_jsxs(ContactInfoCardStyled, { className: 'contact-info-card phone-mobile', children: [_jsx(Button, { centered: true, isExternal: true, link: `tel:${title}`, gtmTag: 'clicked_phone_contactus', givenClass: 'phone-mobile-contact-button e-button e-button--link e-button--primary-1 e-button--center', label: title ?? '', dataQa: 'phone_contact_box' }, title), _jsx("p", { className: 'text', children: text })] }));
|
|
15
|
-
}
|
|
16
|
-
else {
|
|
17
|
-
return (_jsx(ContactInfoCardStyled, { className: 'contact-info-card', children: _jsxs("div", { className: 'info-card-wrapper', children: [_jsx("div", { className: 'info-icon', children: iconMap[type] }), _jsxs("div", { className: 'content', children: [title && (_jsx("p", { className: `title${type === 'email' ? ' email' : ''}`, children: type === 'email' ? (_jsx("a", { href: `mailto:${title}`, children: title })) : type === 'phone' ? (_jsx("a", { href: `tel:${title}`, children: title })) : (title) })), _jsx("p", { className: 'text', children: text })] })] }) }));
|
|
18
|
-
}
|
|
19
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const ContactInfoCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const ContactInfoCardStyled = styled.div `
|
|
3
|
-
width: 100%;
|
|
4
|
-
background-color: var(--neutral-neutral-6);
|
|
5
|
-
border-radius: var(--s-border-radius);
|
|
6
|
-
margin-top: 1rem;
|
|
7
|
-
margin-bottom: 1rem;
|
|
8
|
-
display: flex;
|
|
9
|
-
align-items: center;
|
|
10
|
-
padding: 1rem 1.5rem;
|
|
11
|
-
|
|
12
|
-
&.phone-mobile {
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
align-items: center;
|
|
15
|
-
text-align: center;
|
|
16
|
-
.phone-mobile-contact {
|
|
17
|
-
&-button {
|
|
18
|
-
display: flex;
|
|
19
|
-
justify-content: center;
|
|
20
|
-
margin-bottom: 0.5rem;
|
|
21
|
-
width: 100%;
|
|
22
|
-
|
|
23
|
-
&:before {
|
|
24
|
-
content: '';
|
|
25
|
-
width: 20px;
|
|
26
|
-
height: 20px;
|
|
27
|
-
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iZXA3dHIycDdyYSIgZD0iTTIwLjAxIDE1LjM4Yy0xLjIzIDAtMi40Mi0uMi0zLjUzLS41Ni0uMzUtLjEyLS43NC0uMDMtMS4wMS4yNGwtMS41NyAxLjk3Yy0yLjgzLTEuMzUtNS40OC0zLjktNi44OS02LjgzbDEuOTUtMS42NmMuMjctLjI4LjM1LS42Ny4yNC0xLjAyLS4zNy0xLjExLS41Ni0yLjMtLjU2LTMuNTMgMC0uNTQtLjQ1LS45OS0uOTktLjk5SDQuMTlDMy42NSAzIDMgMy4yNCAzIDMuOTkgMyAxMy4yOCAxMC43MyAyMSAyMC4wMSAyMWMuNzEgMCAuOTktLjYzLjk5LTEuMTh2LTMuNDVjMC0uNTQtLjQ1LS45OS0uOTktLjk5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc2LjAwMDAwMCwgLTMxNC4wMDAwMDApIHRyYW5zbGF0ZSgzMjguMDAwMDAwLCAyMDUuMDAwMDAwKSB0cmFuc2xhdGUoMzIuMDAwMDAwLCA5MC4wMDAwMDApIHRyYW5zbGF0ZSgxNi4wMDAwMDAsIDE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSI3dHZidm9pbXpiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2VwN3RyMnA3cmEiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBjbGFzcz0iaWNvbi13ZWItMjQtcCIgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCM3dHZidm9pbXpiKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
|
|
28
|
-
margin-right: 0.5rem;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&-text {
|
|
33
|
-
color: var(--neutral-neutral-2);
|
|
34
|
-
text-align: center;
|
|
35
|
-
margin: 0 0 2rem;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.info-card-wrapper {
|
|
41
|
-
display: flex;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
45
|
-
@supports (-webkit-appearance: none) {
|
|
46
|
-
letter-spacing: -1px;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.info-icon {
|
|
51
|
-
margin-top: 0.1rem;
|
|
52
|
-
margin-right: 0.5rem;
|
|
53
|
-
|
|
54
|
-
path {
|
|
55
|
-
fill: var(--primary-main-dark-1);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.title {
|
|
60
|
-
color: var(--primary-main-dark-1);
|
|
61
|
-
font-size: 1rem;
|
|
62
|
-
font-weight: bold;
|
|
63
|
-
|
|
64
|
-
&.email {
|
|
65
|
-
text-decoration: underline;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
a {
|
|
69
|
-
color: var(--primary-main-dark-1);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.text {
|
|
74
|
-
font-size: 0.875rem;
|
|
75
|
-
color: var(--neutral-neutral-2);
|
|
76
|
-
}
|
|
77
|
-
`;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components'
|
|
2
|
-
|
|
3
|
-
export const ContactInfoCardStyled = styled.div`
|
|
4
|
-
width: 100%;
|
|
5
|
-
background-color: var(--neutral-neutral-6);
|
|
6
|
-
border-radius: var(--s-border-radius);
|
|
7
|
-
margin-top: 1rem;
|
|
8
|
-
margin-bottom: 1rem;
|
|
9
|
-
display: flex;
|
|
10
|
-
align-items: center;
|
|
11
|
-
padding: 1rem 1.5rem;
|
|
12
|
-
|
|
13
|
-
&.phone-mobile {
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
align-items: center;
|
|
16
|
-
text-align: center;
|
|
17
|
-
.phone-mobile-contact {
|
|
18
|
-
&-button {
|
|
19
|
-
display: flex;
|
|
20
|
-
justify-content: center;
|
|
21
|
-
margin-bottom: 0.5rem;
|
|
22
|
-
width: 100%;
|
|
23
|
-
|
|
24
|
-
&:before {
|
|
25
|
-
content: '';
|
|
26
|
-
width: 20px;
|
|
27
|
-
height: 20px;
|
|
28
|
-
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iZXA3dHIycDdyYSIgZD0iTTIwLjAxIDE1LjM4Yy0xLjIzIDAtMi40Mi0uMi0zLjUzLS41Ni0uMzUtLjEyLS43NC0uMDMtMS4wMS4yNGwtMS41NyAxLjk3Yy0yLjgzLTEuMzUtNS40OC0zLjktNi44OS02LjgzbDEuOTUtMS42NmMuMjctLjI4LjM1LS42Ny4yNC0xLjAyLS4zNy0xLjExLS41Ni0yLjMtLjU2LTMuNTMgMC0uNTQtLjQ1LS45OS0uOTktLjk5SDQuMTlDMy42NSAzIDMgMy4yNCAzIDMuOTkgMyAxMy4yOCAxMC43MyAyMSAyMC4wMSAyMWMuNzEgMCAuOTktLjYzLjk5LTEuMTh2LTMuNDVjMC0uNTQtLjQ1LS45OS0uOTktLjk5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc2LjAwMDAwMCwgLTMxNC4wMDAwMDApIHRyYW5zbGF0ZSgzMjguMDAwMDAwLCAyMDUuMDAwMDAwKSB0cmFuc2xhdGUoMzIuMDAwMDAwLCA5MC4wMDAwMDApIHRyYW5zbGF0ZSgxNi4wMDAwMDAsIDE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSI3dHZidm9pbXpiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2VwN3RyMnA3cmEiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBjbGFzcz0iaWNvbi13ZWItMjQtcCIgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCM3dHZidm9pbXpiKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
|
|
29
|
-
margin-right: 0.5rem;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&-text {
|
|
34
|
-
color: var(--neutral-neutral-2);
|
|
35
|
-
text-align: center;
|
|
36
|
-
margin: 0 0 2rem;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.info-card-wrapper {
|
|
42
|
-
display: flex;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
46
|
-
@supports (-webkit-appearance: none) {
|
|
47
|
-
letter-spacing: -1px;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.info-icon {
|
|
52
|
-
margin-top: 0.1rem;
|
|
53
|
-
margin-right: 0.5rem;
|
|
54
|
-
|
|
55
|
-
path {
|
|
56
|
-
fill: var(--primary-main-dark-1);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.title {
|
|
61
|
-
color: var(--primary-main-dark-1);
|
|
62
|
-
font-size: 1rem;
|
|
63
|
-
font-weight: bold;
|
|
64
|
-
|
|
65
|
-
&.email {
|
|
66
|
-
text-decoration: underline;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
a {
|
|
70
|
-
color: var(--primary-main-dark-1);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.text {
|
|
75
|
-
font-size: 0.875rem;
|
|
76
|
-
color: var(--neutral-neutral-2);
|
|
77
|
-
}
|
|
78
|
-
`
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { Button } from '../../atoms'
|
|
4
|
-
|
|
5
|
-
import { ContactInfoCardProps } from './ContactInfoCardProps'
|
|
6
|
-
import { ContactInfoCardStyled } from './ContactInfoCard.styled'
|
|
7
|
-
|
|
8
|
-
import { InfoLocationSvg } from '../../../../images/componentsSvg/InfoLocationSvg'
|
|
9
|
-
import { InfoMailSvg } from '../../../../images/componentsSvg/InfoMailSvg'
|
|
10
|
-
import { InfoPhoneSvg } from '../../../../images/componentsSvg/InfoPhoneSvg'
|
|
11
|
-
|
|
12
|
-
const iconMap = {
|
|
13
|
-
email: <InfoMailSvg />,
|
|
14
|
-
phone: <InfoPhoneSvg />,
|
|
15
|
-
location: <InfoLocationSvg />
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export const ContactInfoCard: React.FC<ContactInfoCardProps> = ({ type, isMobile = false, title, text }) => {
|
|
19
|
-
if (type === 'phone' && isMobile) {
|
|
20
|
-
return (
|
|
21
|
-
<ContactInfoCardStyled className='contact-info-card phone-mobile'>
|
|
22
|
-
<Button
|
|
23
|
-
key={title}
|
|
24
|
-
centered
|
|
25
|
-
isExternal
|
|
26
|
-
link={`tel:${title}`}
|
|
27
|
-
gtmTag={'clicked_phone_contactus'}
|
|
28
|
-
givenClass='phone-mobile-contact-button e-button e-button--link e-button--primary-1 e-button--center'
|
|
29
|
-
label={title ?? ''}
|
|
30
|
-
dataQa={'phone_contact_box'}
|
|
31
|
-
/>
|
|
32
|
-
<p className='text'>{text}</p>
|
|
33
|
-
</ContactInfoCardStyled>
|
|
34
|
-
)
|
|
35
|
-
} else {
|
|
36
|
-
return (
|
|
37
|
-
<ContactInfoCardStyled className='contact-info-card'>
|
|
38
|
-
<div className='info-card-wrapper'>
|
|
39
|
-
<div className='info-icon'>{iconMap[type]}</div>
|
|
40
|
-
<div className='content'>
|
|
41
|
-
{title && (
|
|
42
|
-
<p className={`title${type === 'email' ? ' email' : ''}`}>
|
|
43
|
-
{type === 'email' ? (
|
|
44
|
-
<a href={`mailto:${title}`}>{title}</a>
|
|
45
|
-
) : type === 'phone' ? (
|
|
46
|
-
<a href={`tel:${title}`}>{title}</a>
|
|
47
|
-
) : (
|
|
48
|
-
title
|
|
49
|
-
)}
|
|
50
|
-
</p>
|
|
51
|
-
)}
|
|
52
|
-
<p className='text'>{text}</p>
|
|
53
|
-
</div>
|
|
54
|
-
</div>
|
|
55
|
-
</ContactInfoCardStyled>
|
|
56
|
-
)
|
|
57
|
-
}
|
|
58
|
-
}
|
|
File without changes
|
|
File without changes
|