@prosistemas/sca-web-kit 3.3.3 → 3.3.4
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.
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<svg width="983" height="1267" viewBox="0 0 983 1267" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_15825_34562)">
|
|
3
|
+
<g filter="url(#filter0_f_15825_34562)">
|
|
4
|
+
<ellipse cx="491.698" cy="633.61" rx="151.182" ry="293.39" fill="#36A7FB"/>
|
|
5
|
+
</g>
|
|
6
|
+
<path d="M499.321 300.324C499.321 325.492 479.624 345.557 454.276 345.557C429.789 345.557 409.607 325.519 409.607 300.351C409.607 276.038 429.789 256 454.276 256C479.624 255.973 499.321 276.011 499.321 300.324ZM568.1 437.279C568.084 437.311 568.05 437.332 568.014 437.332H452.365C437.619 437.279 414.235 435.809 400.7 441.393C381.514 450.317 382.94 470.729 403.122 481.202C415.554 487.935 432.13 489.485 453.172 494.347C497.384 503.698 526.903 516.683 544.286 552.485C563.822 593.79 553.866 631.996 528.76 657.752C502.389 684.817 462.026 695.049 424.999 695.049C389.076 695.049 352.345 686.179 319.785 672.473C311.262 668.869 303.01 664.89 295.166 660.648C284.775 655.03 281.698 641.868 287.663 631.672L303.241 605.046C309.509 594.334 323.387 590.892 334.555 596.308C339.262 598.59 344.28 600.864 349.546 603.088C375.487 614.042 450.993 634.16 472.359 607.897C479.758 596.355 476.395 585.882 466.439 577.84C456.213 569.637 436.624 566.725 416.845 562.824C366.364 553.206 323.579 531.725 312.87 487.561C305.766 458.359 308.833 430.172 327.858 406.874C352.264 373.958 394.861 360.653 440.445 360.653C492.156 360.581 543.737 360.638 595.148 360.65C602.853 360.652 607.664 369 603.801 375.666L568.1 437.279Z" fill="url(#paint0_linear_15825_34562)"/>
|
|
7
|
+
</g>
|
|
8
|
+
<defs>
|
|
9
|
+
<filter id="filter0_f_15825_34562" x="0.515625" y="0.219727" width="982.363" height="1266.78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
10
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
11
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
12
|
+
<feGaussianBlur stdDeviation="170" result="effect1_foregroundBlur_15825_34562"/>
|
|
13
|
+
</filter>
|
|
14
|
+
<linearGradient id="paint0_linear_15825_34562" x1="867.183" y1="176.971" x2="160.321" y2="640.487" gradientUnits="userSpaceOnUse">
|
|
15
|
+
<stop stop-color="#002FE6"/>
|
|
16
|
+
<stop offset="1" stop-color="#002FE6" stop-opacity="0"/>
|
|
17
|
+
</linearGradient>
|
|
18
|
+
<clipPath id="clip0_15825_34562">
|
|
19
|
+
<rect width="983" height="1267" fill="white"/>
|
|
20
|
+
</clipPath>
|
|
21
|
+
</defs>
|
|
22
|
+
</svg>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styles from './newsletter-strip.module.scss';
|
|
3
|
-
import scaGradientLogo from '@prosistemas/sca-web-kit/assets/logos/sca/
|
|
3
|
+
import scaGradientLogo from '@prosistemas/sca-web-kit/assets/logos/sca/s-blur.svg';
|
|
4
4
|
import newsletterIcon from '@prosistemas/sca-web-kit/assets/icons/newsletter.svg';
|
|
5
5
|
import InfoHeader from '../info-header/info-header';
|
|
6
6
|
import Button from '../../ui/button/button';
|
|
7
7
|
import Image from 'next/image';
|
|
8
8
|
export default function NewsletterStrip({ buttonLabel, onButtonClick, onFormSubmit, buttonLoading = false, buttonDisabled = false, emailValue, onEmailChange, nameValue, onNameChange, }) {
|
|
9
|
-
return (_jsxs("div", { className: styles['newsletter-strip'], children: [_jsx(Image, { className: styles['icon'], src: newsletterIcon, width: 46, height: 46, alt: '' }), _jsx(InfoHeader, { className: styles['info-header'], titleClassName: styles['title'], subtitleClassName: styles['subtitle'], title: 'Os melhores conte\u00FAdos de tecnologia e fitness', subtitle: 'Assine e receba novidades toda semana em sua caixa de entrada.', dark: true }), _jsxs("form", { className: styles['input-wrapper'], onSubmit: onFormSubmit, children: [_jsx("input", { className: `${styles['name']} `, id: "name", type: "text", name: "text", placeholder: "Insira seu nome", value: nameValue, onChange: onNameChange, required: true }), _jsx("input", { className: `${styles['email']}`, id: "email", type: "email", name: "email", placeholder: "Insira seu e-mail", value: emailValue, onChange: onEmailChange, required: true }), _jsx(Button, { className: styles['button'], label: buttonLabel ?? "Assinar", onClick: onButtonClick, loading: buttonLoading, disabled: buttonDisabled, type: 'submit' }), _jsx("div", { className: styles['blue-hue'] })] }),
|
|
9
|
+
return (_jsxs("div", { className: styles['newsletter-strip'], children: [_jsx(Image, { className: styles['icon'], src: newsletterIcon, width: 46, height: 46, alt: '' }), _jsx(InfoHeader, { className: styles['info-header'], titleClassName: styles['title'], subtitleClassName: styles['subtitle'], title: 'Os melhores conte\u00FAdos de tecnologia e fitness', subtitle: 'Assine e receba novidades toda semana em sua caixa de entrada.', dark: true }), _jsxs("form", { className: styles['input-wrapper'], onSubmit: onFormSubmit, children: [_jsx("input", { className: `${styles['name']} `, id: "name", type: "text", name: "text", placeholder: "Insira seu nome", value: nameValue, onChange: onNameChange, required: true }), _jsx("input", { className: `${styles['email']}`, id: "email", type: "email", name: "email", placeholder: "Insira seu e-mail", value: emailValue, onChange: onEmailChange, required: true }), _jsx(Button, { className: styles['button'], label: buttonLabel ?? "Assinar", onClick: onButtonClick, loading: buttonLoading, disabled: buttonDisabled, type: 'submit' }), _jsx("div", { className: styles['blue-hue'] })] }), _jsx("div", { className: styles['background-logo'], children: _jsx(Image, { className: styles['logo'], src: scaGradientLogo, fill: true, alt: '' }) })] }));
|
|
10
10
|
}
|