+ {children}
+
+ )
+}
+
+const Header = ({
+ setCurrentAccordion,
+ customKey,
+ children,
+ className,
+ ...props
+}: HeaderProps) => {
+ const currentTargetItem = useContext(AccordionContextItems)
+
+ function handleEvent() {
+ if (customKey === currentTargetItem.current) {
+ setCurrentAccordion('')
+ } else {
+ setCurrentAccordion(customKey)
+ }
+ }
+
+ return (
+
+ {children}
+
+ )
+}
+
+export const Accordion = Object.assign(Main, { Header, Content })
diff --git a/src/settings/styles/global/_reset.scss b/src/settings/styles/global/_reset.scss
index b7ae335..c323577 100644
--- a/src/settings/styles/global/_reset.scss
+++ b/src/settings/styles/global/_reset.scss
@@ -27,6 +27,7 @@ button {
background-color: transparent;
}
+[role='button'],
.btn-ref,
button {
cursor: pointer;
diff --git a/src/template/Footer/fragments/Lists.tsx b/src/template/Footer/fragments/Lists.tsx
new file mode 100644
index 0000000..b0d56ac
--- /dev/null
+++ b/src/template/Footer/fragments/Lists.tsx
@@ -0,0 +1,163 @@
+import { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react'
+import { Accordion } from '../../../components/Accordion'
+import { AccordionProps } from '../../../components/Accordion/@types'
+
+import BoletoImg from '../../../assets/brands/Boleto.png'
+import DinersBrandImg from '../../../assets/brands/Diners.png'
+import EloBrandImg from '../../../assets/brands/Elo.png'
+import HiperBrandImg from '../../../assets/brands/Hiper.png'
+import PaypalBrandImg from '../../../assets/brands/Paypal.png'
+import MasterCardBrandImg from '../../../assets/brands/Master.png'
+import VisaBrandImg from '../../../assets/brands/Visa.png'
+import VtexPCIImg from '../../../assets/brands/vtex-pci-200.png'
+
+import css from '../index.module.scss'
+
+export function PaymentsList() {
+ let images = [
+ MasterCardBrandImg,
+ VisaBrandImg,
+ DinersBrandImg,
+ EloBrandImg,
+ HiperBrandImg,
+ PaypalBrandImg,
+ BoletoImg,
+ ]
+
+ return (
+ -
+ {images.map((image, index) => {
+ return (
+
-
+
+
+ )
+ })}
+
+
+
+ -
+
+
+
Institucional
+-
+
- + Quem somos nós + +
- + Política de Privacidade + +
- + Segurança + +
- + Seja um Revendedor + +
Dúvidas
+-
+
- + Entrega + +
- + Pagamento + +
- + Trocas e Devoluções + +
- + Dúvidas Frequentes + +
Fale Conosco
+-
+
- + Atendimento ao Consumidor + +
- + (11) 4159 9504 + +
- + Atendimento Online + +
- + (11) 99433-8825 + +